What are Pseudo-classes?
A pseudo-class is used to define a special state of an element.
For example, it can be used to:
- Style an element when a user mouses over it
- Style visited and unvisited links differently
- Style an element when it gets focus
Anchor Pseudo-classes-->Links can be displayed in different ways:
* unvisited link */
/* visited link */
/* mouse over link */
/* selected link */
a:hover MUST come after
a:visited in the CSS definition in order to be effective!
a:active MUST come after
a:hover in the CSS definition in order to be effective! Pseudo-class names are not case-sensitive.
Pseudo-classes and CSS Classes
Pseudo-classes can be combined with CSS classes:When you hover over the link in the example, it will change color:
CSS - The :first-child Pseudo-class
:first-child pseudo-class matches a specified element that is the first child of another element.Match the first <p> element
#CSS #Pseudo #Class #Probyto #ProbytoAI
Subscribe and follow us for latest news in Data Science and Machine learning and stay updated!