Css Selectors

Front 1

.intro

Back 1

Selects all elements with class="intro"

Front 2

#firstname

Back 2

Selects the element with id="firstname"

Front 3

*

Back 3

Selects all elements

Front 4

p

Back 4

Selects all [p] elements

Front 5

div,p

Back 5

Selects all [div] elements and all [p] elements

Front 6

div p

Back 6

Selects all [p] elements inside [div] elements

Front 7

div]p

Back 7

Selects all [p] elements where the parent is a [div] element

Front 8

div+p

Back 8

Selects all [p] elements that are placed immediately after [div] elements

Front 9

[target]

Back 9

Selects all elements with a target attribute

Front 10

[target=_blank]

Back 10

Selects all elements with target="_blank"

Front 11

[title~=flower]

Back 11

Selects all elements with a title attribute containing the word "flower"

Front 12

[lang|=en]

Back 12

Selects all elements with a lang attribute value starting with "en"

Front 13

a:link

Back 13

Selects all unvisited links

Front 14

a:visited

Back 14

Selects all visited links

Front 15

a:active

Back 15

Selects the active link

Front 16

a:hover

Back 16

Selects the links on mouseover

Front 17

input:focus

Back 17

Selects the input element which has focus

Front 18

p:first-letter

Back 18

Selects the first letter of every [p] element

Front 19

p:first-line

Back 19

Selects the first line of every [p] element

Front 20

p:first-child

Back 20

Selects every [p] elements that is the first child of its parent

Front 21

p:before

Back 21

Insert content before every [p] element

Front 22

p:after

Back 22

Insert content after every [p] element

Front 23

p:lang(en)

Back 23

Selects every [p] element with a lang attribute value starting with "en"

Front 24

p~ul

Back 24

Selects every [ul] element that is preceded by a p element

Front 25

a[src^="https"]

Back 25

Selects every [a] element whose source attribute value begins with "https"

Front 26

a[src$=".pdf"]

Back 26

Selects every [a] element whose src attribute value ends with ".pdf"

Front 27

a[src*="w3schools"]

Back 27

Selects every [a] element whose src attribute value contains the substring "w3schools"

Front 28

p:first-of-type

Back 28

Selects every [p] element that is the first [p] element of its parent

Front 29

p:last-of-type

Back 29

Selects every [p] element that is the last [p] element of its parent

Front 30

p:only-of-type

Back 30

Selects every [p] element that is the only [p] element of its parent

Front 31

p:only-child

Back 31

Selects every [p] element that is the only child of its parent

Front 32

p:nth-child(2)

Back 32

Selects every [p] element that is the second child of its parent

Front 33

p:nth-last-child(2)

Back 33

Selects every p element that is the second child of its parent, counting from the last child

Front 34

p:nth-of-type(2)

Back 34

Selects every p element that is the second p element of its parent

Front 35

p:nth-last-of-type(2)

Back 35

Selects every p element that is the second p element of its parent, counting from the last child

Front 36

p:last-child

Back 36

Selects every p element that is the last child of its parent

Front 37

:root

Back 37

Selects the document's root element

Front 38

p:empty

Back 38

Selects every p element that has no children (including text nodes)

Front 39

#news:target

Back 39

Selects the current active #news element (clicked on a URL containing that anchor name)

Front 40

input:enabled

Back 40

Selects every enabled input element

Front 41

input:disabled

Back 41

Selects every disabled input element

Front 42

input:checked

Back 42

Selects every checked input element

Front 43

:not(p)

Back 43

Selects every element that is not a p element

Front 44

::selection

Back 44

Selects the portion of an element that is selected by a user