css选择器总结（全）

1.标签选择器 

body div nav section p a span

2.类选择器

class(.)

3.id选择器

id(#)

4.伪类选择器

4.1 链接伪类选择器

:link :hover :active :visited

4.2 结构（位置）伪类选择器

：first-child  nth-child(1~n) ；nth-child(2n/3n/2n+1/even/odd)(n从0开始)

  :last-child nth-last-child(1~n) ；nth-last-child(2n/3n/2n+1/even/odd)(n从0开始)

4.3目标伪类选择器

：target 用于选取当前活动的目标元素

5.复合选择器

5.1交集选择器

<div class="nav container">        

 .nav.container{}

5.2并集选择器

<div class="nav">

<div class="banner">

.nav,.banner{}

5.3兄弟选择器

div+p    P+P

div~p    p~p

5.4后代选择器

<div class="nav ">

    <div class="container">

    </div>

</div>

.nav .container{}

5.5子元素选择器

<div class="nav ">

    <div class="container">

    </div>

</div>

.nav>.container{}

5.6属性选择器

input[type=text]{}

div[class^=ico]{}    div[class$=ico]{}    div[class*=ico]{}    （不限于class）

5.7伪元素选择器

p::first-letter{}    p::first-line{}    p::selection{}

div::before{content:"",...}    div::after{content:"",.....}