7.CSS选择符,优先级

2019-11-21  本文已影响0人  柠檬与断章

(1)选择符:id(ID);class(类);element(标签);element element(后代);element>element(子);

element,element(群组);element+element(相邻同胞);伪类(:link,:visited,:active,:hover,:focus:first-child,:lang(language));

伪元素(:first-letter,:first-line,:before,:after);属性选择器

(2)可继承的选择符:主要是文本方面的可继承,盒模型相关的属性基本没有继承特性。font-size,font-family,color,ul

(3)不可继承的选择符:border,padding,margin,width,height

(4)优先级:同权重下样式定义最近者高。!important>内联样式(即定义在HTML标签内的样式,1000)>id(100)>

class/伪类/属性(10)>伪元素/element(1)

(5)CSS引入伪类和伪元素的原因:用来修饰DOM树以外的部分。

伪类用于当已有元素处于某个状态时,为其添加对应的样式,这个状态根据用户行为而动态变化。伪类的操作对象是DOM树中已有的元素。
伪元素用于创建一些不在DOM树中的元素,并为其添加样式
伪类和伪元素的区别在于有没有创建一个DOM树之外的元素

image
上一篇 下一篇

猜你喜欢

热点阅读