0
点赞
收藏
分享

微信扫一扫

CSS伪元素速查

CSS伪元素

All CSS Pseudo Elements:

Selector

Example

Example description

::after

p::after

Insert something after the content of each element

::before

p::before

Insert something before the content of each element

::first-letter

p::first-letter

Selects the first letter of each element

::first-line

p::first-line

Selects the first line of each element

::selection

p::selection

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

All CSS Pseudo Classes:

Selector

Example

Example description

:active

a:active

Selects the active link

:checked

input:checked

Selects every checked element

:disabled

input:disabled

Selects every disabled element

:empty

p:empty

Selects every element that has no children

:enabled

input:enabled

Selects every enabled element

:first-child

p:first-child

Selects every elements that is the first child of its parent

:first-of-type

p:first-of-type

Selects every element that is the first element of its parent

:focus

input:focus

Selects the element that has focus

:hover

a:hover

Selects links on mouse over

:in-range

input:in-range

Selects elements with a value within a specified range

:invalid

input:invalid

Selects all elements with an invalid value

:lang(language)

p:lang(it)

Selects every element with a lang attribute value starting with “it”

:last-child

p:last-child

Selects every elements that is the last child of its parent

:last-of-type

p:last-of-type

Selects every element that is the last element of its parent

:link

a:link

Selects all unvisited links

:not(selector)

:not( p)

Selects every element that is not a element

:nth-child(n)

p:nth-child(2)

Selects every element that is the second child of its parent

:nth-last-child(n)

p:nth-last-child(2)

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

:nth-last-of-type(n)

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

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

:nth-of-type(n)

p:nth-of-type(2)

Selects every element that is the second element of its parent

:only-of-type

p:only-of-type

Selects every element that is the only element of its parent

:only-child

p:only-child

Selects every element that is the only child of its parent

:optional

input:optional

Selects elements with no “required” attribute

:out-of-range

input:out-of-range

Selects elements with a value outside a specified range

:read-only

input:read-only

Selects elements with a “readonly” attribute specified

:read-write

input:read-write

Selects elements with no “readonly” attribute

:required

input:required

Selects elements with a “required” attribute specified

:root

root

Selects the document’s root element

:target

#news:target

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

:valid

input:valid

Selects all elements with a valid value

:visited

a:visited

Selects all visited links


举报

相关推荐

0 条评论