h5- other pseudo-element

. 1  <! DOCTYPE HTML > 
2  < HTML lang = "EN" > 
. 3  < head > 
. 4      < Meta charset = "UTF-. 8" > 
. 5      < title > the Title </ title > 
. 6      < style > 
. 7          / * get the first character: Drop Cap achieve * / 
. 8          P-:: first Letter { 
. 9              Color : # bb131a ; 
10              font-size : 30px ; 
. 11             a float : left ; / * text wrapping * / 
12          } 
13 is  
14          / * Get the first line: If the :: first-letter pattern, the pattern can not be provided simultaneously * / 
15          P: First-Line { 
16              TEXT- Decoration : underline ; 
. 17          } 
18 is  
. 19          / * set the current contents of the selected style * / 
20 is          P :: Selection { 
21 is              background-Color : Green ; 
22 is              Color : Red ; 
23 is              / *Dakota style can set the display, and second, you can not set content size
 24              for example: font-size: 30px;
 25              * / 
26          } 
27      </ style > 
28  </ head > 
29  < body > 
30  < the p- > If life deceive you , < br > Do not be sad, do not hurry, < br > because he lied to you tomorrow </ the p- > 
31  </ body > 
32  </ HTML >

Renderings

 

Guess you like

Origin www.cnblogs.com/FengBrother/p/11373383.html