1.first-letter和first-line都作用于块级元；
2.first-letter:作用于第一行的首字符；
3.first-line：作用于第一行的所有字符；
1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="{CHARSET}"> 6 <title></title> 7 </head> 8 <style> 9 .parent { 10 height: 500px; 11 border: 1px solid #222; 12 display: flex; 13 } 14 15 .left { 16 width: 200px; 17 border: 1px solid #ccc; 18 margin: 20px; 19 height: 200px; 20 } 21 22 .left::first-letter{ 23 color:red; 24 font-size: 24px; 25 } 26 .right { 27 border: 1px solid #ff4400; 28 margin:20px; 29 height: 200px; 30 flex: 1; 31 } 32 .right::first-line{ 33 color:red; 34 font-size: 24px; 35 } 36 </style> 37 38 <body> 39 <div class="parent"> 40 <div class="left"> 41 <p>qwewwerwerwerer</p> 42 </div> 43 <div class="right"> 44 <p>dspojdiohudf</p> 45 </div> 46 </div> 47 </body> 48 49 </html>
