The box Model

hi there i don’t uderstand what means this code in css " .share a:hover" what’s hover please someone can hel me

1 Like

Doing a quick google search will give you the answer on that:

The example in the link is quite helpful as well.


Be sure to check out @greentreemee’s answer too!

4 Likes

Hi @amadoudjoulde,
Just adding more to @codinghawk Answer.
There are 2 pseudo things in CSS -

Pseudo Classes : Pseudo Classes allows us to style a special state of an element - hover, active. hover is a class that targets special state of link “hover” and applies styles when it happens


a:hover {
  background-color: green;
}

Pseudo Elements: Pseudo Elements helps us to find specific part of an Element and style it.

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

image

3 Likes

From a specificity point of view, pseudo elements have the same specificity as element types; pseudo classes have the same specificity as classes.

style  id   class  type
  0     0     0     1     =>  ELEMENT TYPE
style  id   class  type
  0     0     1     0     =>  CLASS
3 Likes