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。

  多个选择器组合一起,那就把它们的权重相加。

推荐阅读