css三种基本选择符 在CSS中,类型选择符用什么标记?
在CSS中,类型选择符用什么标记?
类选择器:包含多个样式的自定义集合,以“.”开头。可以在页面中重用样式。例如,。AAA{}类型选择器:定义HTML内部标记的样式。前面没有“.”ID选择器的格式与类选择器的格式相同。区别在于它以“#”开头,ID是先找到结构/内容,然后为其定义样式;class是先定义样式,然后将其应用于多个结构/内容,例如:#-AAA{}通配符,顾名思义:页面上的所有标记都是有效的。其名称必须为“*”。例如:*{}伪类:有四种常用的状态,即一个标记中的四种状态(a:link a:visited a:hover a:active)。其他的,如:Lang:focus,并不常用,并且存在兼容性问题。
css选择符类型有哪些?
1. 标签选择器:例如P{颜色:#F00字体-尺寸:36px},使用
直接操作
2。类选择器:例如。红色{颜色:#C00},使用直接作用
3。ID选择器:如#二{颜色:#600字体族:“汉意行楷”},使用直接动作
4。包含选择器:如P强{颜色:#F00},使用
5。常规选择器:例如*{颜色:#0C0字体-尺寸:18px}它可以在很大范围内控制所有HTML元素,但是效率很低。6选择器分组:如P,H1,div{颜色:#f00font-尺寸:36px},适用于P、H1和Div.7。特定于标记的选择器:例如P#one{颜色:#f00font-尺寸:36px},仅对id为1的P标记有效!组合所有选择器类型
CSS selector,priority and matching principle
1。ID选择器(#myid)2。类选择器(。我的类名)3。标签选择器(div,H1,P)4。相邻选择器(H1,P)5。副选择器(UL< Li)6。后代选择器(LI)a)7。通配符选择器(*)8。属性选择器(a[rel=“external”])9。伪类选择器(A:Hoover,Li:nth child),其中ID选择器的效率最高,而伪类选择器的效率最低。CSS权重1。常规选择器权重0,0,0
2。标记权重0,0,1
3。类权重0,0,1,0
4属性选择的权重为0,0,1,0
5。伪类选择的权重为0,0,1,0
6。伪对象选择的权重为0,0,0,1
7。ID的权重是0,1,0,0
8。重要性的权重是最高的1,0,0,0。使用规则:将选择器的权重相加,以大的为准;如果权重相同,则以大的为准。通过以上分析,我们可以得出两个关键因素:1。权重与选择器的类型和数量有关。2样式的优先级与样式定义的顺序有关。以下是一些常见的:1。最高优先级是写在标签内部的内部选择器,例如<div style=“颜色:红色“></div>,此处color=red写入标记内部,因此最高优先级为2,后跟ID选择器,例如<div ID=”D1“></div><style>;D1{颜色:红色}</style>,其中#D1是ID选择器,用#表示,标记内是ID属性,样式是开始。三。类选择器,例如<div Class=“C1”></div><style>.C1{颜色:红色}</style>,其中。C1是类选择器,由表示。标签包含class属性,样式为。4标签选择器使用不常用的标签名称作为选择器,例如:<div><div><P><P>样式对应于:div{font}-尺寸:14px}p{字体-尺寸:20px}由标记选择器、类选择器、ID选择器组成,还可以扩展很多选择器,详细查询W3C哟
css三种基本选择符 选择符的作用和分类 css3的元素选择符有哪几类
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。