CSS 选择符有哪些?哪些样式可以继承?优先级算法如何计算? CSS3新增伪类有那些?

1、选择符:

1)id选择器(#myid)

2)类选择器(.myclass)

3)标签选择器(div,h1,p)

4)相邻选择器(h1+p)

5)子选择器(ul>li)

6)后代选择器(li a)

7)通配符选择器(*)

8)属性选择器(a[rel="external"])

9)伪类选择器(a:hover,li:nth-child)


2、样式继承

1)可以继承的样式:font-size, font-family, color, text-indent(等字体类样式)

2)不可继承的样式:border, padding, margin, width, height


3、优先级比较

1)优先级就近原则,同权重情况下样式定义最近者为准;

2)载入样式以最后载入的定位为准;

3)!important>内联 >  id >伪类> class > tag;

4)important 比 内联优先级高,但内联比 id 要高;

5)权重计算:

(1)内联,如style=""——1000,

(2)id,如#content——100,

(3)类、伪类和属性选择器,如.content——10,

(4)标签选择器和伪元素选择器,如div p——1

(5)通配符、子选择器和相邻选择器,如*,>,+——0


4、CSS3新增的伪类

1)p:first-of-type 选择属于其父元素的首个

元素的每个

元素;

2)p:last-of-type  选择属于其父元素的最后

元素的每个

元素;

3)p:only-of-type  选择属于其父元素唯一的

元素的每个

元素;

4)p:only-child    选择属于其父元素的唯一子元素的每个

元素;

5)p:nth-child(2)  选择属于其父元素的第二个子元素的每个

元素;

6):checked    单选框或复选框被选中




你可能感兴趣的:(前端面试,CSS)