H5与CS3权威下.19 选择器（2）结构性伪类选择器

1 <p>伪元素选择器 <br>类选择器</p>

1 p:first-line{background: pink;}

1 <p>伪元素选择器 ,类选择器</p>
2     <p>Hello!</p>

1 p:first-letter{font-size: 20px;color:red;}

1 <ul>
2         <li>linshuling</li>
3         <li>linshuling</li>
4         <li>linshuling</li>
5         <li>linshuling</li>
6         <li>linshuling</li>
7     </ul>

1 ul{list-style: none;}
2         li:before{content:"*";}

1 li:before{content:url(01.jpg);}

1 ul{list-style: none;}
2         li:after{content:url(01.jpg);}

1 li:after{content:"0000";}

1 :root{background: pink;}
2         body{background: yellow;}

1 body{background: yellow;}

1 body :not(h1){color:red;font-size: 16px;}

1 <h1>hello!</h1>
2     <ul>
3         <li>linshuling</li>
4         <li>linshuling</li>
5         <li>linshuling</li>
6         <li>linshuling</li>
7         <li>linshuling</li>
8     </ul>

1 <h1>hello!</h1>
2     <ul>
3         <li>linshuling</li>
4         <li>linshuling</li>
5         <li></li>
6         <li>linshuling</li>
7         <li>linshuling</li>
8     </ul>

1 :empty{background: pink;}

 1 <a href="#text1">实例文字1</a>
 2     <a href="#text2">实例文字2</a>
 3 
 4     <div id="text1">
 5         <h2>linshuling</h2>
 6     </div>
 7 
 8     <div id="text2">
 9         <h2>linshuling</h2>
10     </div>

1 :target{
2             background: pink;
3         }