CSS Pseudo Classes

CSS – Pseudo Classes A pseudo class or element is just an experimental and could be used to define a special state of an element. Examples: Select the first Element

  • Rekha Rani
  • Kritika Srivastava
  • Hirdesh Bhardwaj
  • Bhawna Joshi
  • Hitesh Kumar

* Here you will see the first element of< li> (Rekha Rani) is showing in Blue
57
Select a nth Element

  1. Garima Yadav
  2. Monika Gupta
  3. Naina Chhabra
  4. Nidhi Singh
  5. Anurup Mohanty
  6. Rakhi Yadav

* Here the third element of < li> (Naina Chhabra) is showing in Orange Select the First Letter

58

The Courses are prepared for helping all the technical as well as fresher students who are looking jobs in the field of IT sector

This is my another Paragraph

*Here the first letter of every paragraph will change to red color with the font size of 50px Change the default selection property of the page

    59
  • Classes are conducted by Hirdesh Bhardwaj
  • Rupani
  • Sarita Sharma
  • Manpreet Kaur

* Here the first ul element has a single element, which will be change into orange text. The second ul element has several children so its won‘t be affect to the same. p::before { font-size:40px; color:red; } /* PSEUDO CLASS EXAMPLE */ p:last-child i { color: red; font-size:30px; }

60
To change opacity of only disabled elements

Leave a Reply

Your email address will not be published.

Enjoy the tutorial? Please spread the word :)

Follow by Email
Facebook
Facebook
Google+2k
Google+
http://hirdeshbhardwaj.com/2016/09/10/css-pseudo-classes/
YouTube39
YouTube