css基本选择符分享 css选择符有哪些


css基本选择符分享 css选择符有哪些

文章插图
CSS选择符有哪些?
1.id选择器( # myid)
2.类选择器(.myclassname)
3.标签选择器(div, h1, p)
4.相邻选择器(h1 + p)
5.子选择器(ul > li)
6.后代选择器(li a)
7.通配符选择器( * )
8.属性选择器(a[rel = “external”])
9.伪类选择器(a:hover, li:nth-child)
哪些属性可以继承?
可继承的样式: font-size font-family color, ul,li,dl, dd, dt;
哪些属性可以不可继承?
不可继承的样式:border padding margin width height ;
CSS优先级算法如何计算?
优先级就近原则,同权重情况下样式定义最近者为准;
载入样式以最后载入的定位为准;
优先级为:
同权重: 内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中) 。
!important > id > class > tag
important 比 内联优先级高
权重计算:
第一等级:代表内联样式,如style=””,权值为 1000;
第二等级:代表id选择器,如#content,权值为100;
第三等级:代表类,伪类和属性选择器,如.content,权值为10;
第四等级:代表标签选择器和伪元素选择器,如div p,权值为1 。
多个选择器组合一起,那就把它们的权重相加 。


    以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!

    「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助: