CSS Selectors

selectAllElementsWithClass()

selectAllElementsWithId()

selectAllElementsWithClassAndId()

selectAllElementsWithTag()

selectAllElementsWithTagAndAnotherTag()

A few words about you:

A few words about me:

selectAllElementsWithTagThatAreInsideAnotherTag()

This article intent to demonstrate that if you don't specify a parent element, you will find another element.

Child

selectAllElementsWithTagWithParentTag()

Paragraph

selectAllElementsWithTagThatAreNextToAnotherTag()

selectAllElementsThatAreSiblingsOfAnotherElement()

The next ul element will NOT be selected

1
2
3

The next ul elements will be selected

4
5
6

7
8
9

selectAllElementsWithTagAndClass()

Yay

selectAllElementsWithSpecificIdAttribute()

selectAllElementsWithIdSpecificEnding()

selectAllElementsWithIdSpecificStarting()

selectAllElementsElementsWithAttributeContaining()

Easy text

selectAllElementsElementsWithIDContainingString()

selectAllCheckedFormElements()

Yes No

selectAllDisabledFormElements()

First name Surname

selectAllEnabledFormElements()

Width Height

selectAllElementsThatAreTheFirstChildOfTheirParent()

Valueable Z N D

selectAllElementsThatAreTheFirstElementOfTheirParent

Italic text One more italic text

selectAllElementsWhenTheyAreHovered()

selectAllInputElementsWithMaxOrMinValueWhenValueIsInRange()

Age in range Age out of range

selectAllElementsWithAttributeValueEqualTo()

Italian

selectAllElementsThatAreTheLastChildOfTheirParent()

Strong Stronger Strongest

selectAllElementsThatAreTheLastChildWithThisTypeOfTheirParent()

Strong Stronger Strongest

Super strong

selectAllElementsThatAreTheFirstChildOfTheirElement()

The first paragraph

The second paragraph

The third paragraph