选择器
通配符选择器:清除边距
a标签:超链接
类选择器:不能以数字开头
属性选择器:
E[att=value]、列p[id=one],先选p标记、再选id、再选以one为开头的所有标签。欧耶!!!
E[att = v a l u e ] 、 列 p [ i d =value]、列p[id =value]、列p[id=one],先选p标记、再选id、再选以one为结尾的所有标签。欧耶!!!
E[att*=value]、列p[id*=one],先选p标记、再选id、再选包含one的所有标签。欧耶!!!
E可省略,表示选择符合条件的所有标签
并集选择器:逗号隔开。同时匹配多个选择器,取多个选择器的并集
关系选择器
后代选择器:空格
子代选择器:> 用于选择某个元素的第一级子元素(最临近的)
h1>strong{
省略号
}
<h1><strong>……</strong><strong>……</strong></h1>
<h1></h1>
作用于strong
兄弟选择器:+、~ 位于同一父元素之中、在其之后。
临近兄弟选择器:+
p+h2{……}:对紧挨着p的h2起作用
普通兄弟选择器:~
p~h2{……}:对p之后的所有h2起作用,无论位置如何,只是关系
:not:除此之外
:only-child选择器:
某父元素的唯一子元素。<h1><p></p><h1>
可以,反之不可,p元素中是不能嵌套块级元素的。
:first-chlid:第一个子元素
:last-child:
最后一个子元素,若嵌套<p>小宝贝<p>小可爱</p></p>
则无效、因为没有最后一个子元素了
:nth-child(num):
是:first-chlid的扩展。num可改,作用为选择第几个子元素。
:nth-last-child(num):
是:last-child的扩展。num可改,作用为选择第几个子元素。
:nth-of-typ(n):
odd奇数,even偶数,可用数字,可用2n等格式