OBINTUSACADEMY
HOME CONTACT SERVICES PRIVACY
C.B MS-PACKAGES CSS
CSS - Pseudo Class Selector

BASIC

Introduction to CSS Getting Started CSS Basic Structure CSS Syntax CSS Selectors CSS Universal Selector CSS Element Selector CSS ID Selector CSS Class Selector CSS Group Selector CSS Descendant Selector CSS Child Selector CSS Adjacent Sibling Selector CSS General Sibling Selector CSS Pseudo Element Selector CSS Pseudo Class Selector CSS Attribute Selector CSS Comments CSS Rule CSS Colors CSS Foreground and Background Color CSS Fonts CSS Background CSS Background Clip CSS Background Origin CSS Background Size CSS Text/Word Formatting CSS Images

INTERMEDIATE

CSS Borders CSS Margin CSS Padding CSS Dimension CSS Outline CSS Lists CSS Tables CSS Links CSS Overflow CSS Cursor CSS Float CSS Clear CSS Box Sizing CSS Display CSS Positioning CSS Z-Indexing CSS Opacity CSS Icons CSS Media Queries

ADVANCE

CSS Multiple Backgrounds CSS Gradient CSS Shadow CSS 2D Transform CSS 3D Transform CSS Transition CSS Animation CSS Image Reflection CSS Masking CSS Navigation Bar CSS Dropdown CSS !important CSS Specificity CSS Math Functions CSS Web Fonts CSS Pagination CSS Multiple Columns CSS Resizing and Offset CSS Variables CSS Conclusion

CSS Pseudo Class Selector

PREVIOUS NEXT

This selector, selects a particular state of position of an element.

  • It is denoted by the element, followed by one colon ( : ) and the state or position.
TRY IT OUT YOURSELF
TRY IT OUT YOURSELF
TRY IT OUT YOURSELF

Pseudo Classes

SELECTORS DESCRIPTION
:active

Selects the active link
:checked

Selects all checked <input> element
:disabled

Selects all disabled <input> element
:empty

Selects all the elements that has no content.
:enabled

Selects all enabled <input> element
:first-child

Selects all the first element inside every parent element.
:first-of-type

Selects all the element that is the first child of a particular type of its parent.
:focus

Selects the <input> elements when it gets focused.
:hover

Selects element when you mouse over it.
:in-range

Selects the <input> elements that has a value within a specified range.
:invalid

Selects all <input> elements that has an invalid value.
:lang

Selects all the element with the language attribute value. E.g. p:(lang(it)).
:last-child

Selects all the last element inside every parent element.
:last-type-of

Selects all the element that is the last child of a particular type of its parent.
:link

Selects all unvisited links
:not(selector)

Selects all the element that is not the specified element.
:nth-child(n)

Selects all the child element of the specified position inside the parent element.
:nth-last-child(n)

Starting from the last child, selects all the last element of the specified position inside the parent element.
:nth-last-of-type(n)

Counting from the last type, select all the element that is the last child of the specified position (of a particular type) inside of its parent element.
:nth-of-type(n)

Selects all the element of the specified position (of a particular type) inside of its parent element.
:only-of-type

Selects the element of a particular type that is the only one inside its parent element.
:only-child

Selects all the element that is the only child of its parent element.
:optional

Selects all <input> elements that has no required attribute.
:out-of-range

Selects all <input> elements that has a value outside the specified range.
:readonly

Selects all <input> elements that has readonly attribute.
:read-write

Selects all <input> elements that has NO readonly attribute.
:required

Selects all <input> elements that has required attribute.
:root

Selects the document root element.
:target

Selects the current active target link.
:valid

Selects all <input> elements that has a valid value.
:visited

Selects all visited links.
PREVIOUS NEXT
ADVERTISEMENTS

LEARNING IS A CONTINOUS PROCESS - PRACTICE MAKES PERFECT