CSS study Note 2

CSS study Note 2

When we browse the website, we will click some links. These links have different effects before and after the point. These effects are implemented using the pseudo element selector.

Pseudo element selector:

Some selectors are pre-defined in httml to become pseudo elements.

Format: Label name: pseudo element: ClassNameTag name. Class Name: pseudo element

Hyperlink status:

A: link: the hyperlink is not clicked.

A: status after visited is accessed

A: hover: move the cursor over the hyperlink (not clicked)-> hover the cursor over

A: Status of active click hyperlink

Sequence of use: L-V-H-A. It is A status before and after clicking

It is best to use IE browser to test, Some browsers may not be able to see the effect

Paragraph labels have the same effect as above.

P: first-line: the first line of text of a paragraph

P: first-letter: the first letter in the paragraph

: Focus: With focus Element(Ps: IE6 not supported, FIrefox, google can see the effect)

    
 Demo of pseudo element Selector
 

CSS style combination application:

Css can be used with a large number of tags in html.

    
         AsdName:Age:        
 Div Area
         
 
 

              
  
  
 
   
 
    
 
 
    
Cell 2
 
   
 
   
 
    
Cell 3
 
    
Cell 4
 
   
 
  
 
 
        
       
 
 
          
  
  
Hi!
          
  
  
Hi!
          
  
  
Hi!
          
  
  
Hi!