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 选择属于其父元素的首个 <p> 元素的每个 <p> 元素;

2)p:last-of-type  选择属于其父元素的最后 <p> 元素的每个 <p> 元素;

3)p:only-of-type  选择属于其父元素唯一的 <p> 元素的每个 <p> 元素;

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

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

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




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值