网站建设资讯

NEWS

网站建设资讯

css优先级高低排列css有哪几种选择符以及css优先级规则?-创新互联

css有哪几种选择符以及css优先级规则?更多哟,告诉你几个比较常见的吧:1、高优先级是内部选择器,写在标签里面,比如<divstyle=“颜色:红色“></div>,此处color=red写入标记内部,因此高优先级为2,后跟ID选择器,例如<divID=”D1“></div><style。”>;D1{颜色:红色}</style>,其中#D1是ID选择器,用#表示,标记内是ID属性,style是开始。三。类选择器,例如<divClass=“C1”></div><style>。C1{颜色:红色}</style>,其中。C1是类选择器,用表示。标签中是class属性,样式是First4。标记选择器使用不常用的标记名作为选择器,例如:<div><div><P><P>样式对应于:div{font}-尺寸:14px}p{字体-尺寸:20px}许多选择器可以从标记选择器、类选择器和ID选择器扩展而来。你可以查询W3C哟css优先级高低排列 css有哪
几种选择符以及css优先级规则?

CSS选择器,优先级和匹配原则

创新互联公司长期为上1000+客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为新兴企业提供专业的成都网站制作、网站建设,新兴网站改版等技术服务。拥有10年丰富建站经验和众多成功案例,为您定制开发。

1。详细信息选择器的ID(#myid)2。类选择器(。我的类名)3。标签选择器(div,H1,P)4。相邻选择器(H1,P)5。副选择器(UL<Li)6。后代选择器(Lia)7。通配符选择器(*)8。属性选择器(a[rel=“external”])9。伪类选择器(A:hover,Li:nthchild)ID选择器的效率高,而伪类选择器的效率最低。CSS的权重是1。一般选择器的权重为0,0,0,0

2。标记的权重为0,0,0,1

3。类的权重是0,0,1,0

4。属性选择的权重为0,0,1,0

5。伪类选择的权重为0,0,1,0

6。伪对象选择的权重为0,0,0,1

7ID的权重为0,1,0,0

8。important的权重是高的1,0,0,0使用规则:将selector的权重加在一起,较大的优先;如果权重相同,则后一个优先。从上面我们可以得出两个关键因素:1。权重与选择器的类型和数目有关。样式的优先级与样式定义的顺序有关


网站栏目:css优先级高低排列css有哪几种选择符以及css优先级规则?-创新互联
网站地址:http://cdweb.net/article/dcojhj.html