CSS Selectors Flashcards by Jesse Xhabafti

CSS

Cascading Style Sheets

How well did you know this?

Not at all

Perfectly

comments

/(asterisk) (asterisk)/

How well did you know this?

Not at all

Perfectly

external style sheet linking syntax

Link
Href="..."
Rel="stylesheet"
type="text/css"
Media="all"
/link

How well did you know this?

Not at all

Perfectly

element selector

How well did you know this?

Not at all

Perfectly

universal selector

How well did you know this?

Not at all

Perfectly

class selector

.class

How well did you know this?

Not at all

Perfectly

Id selector

How well did you know this?

Not at all

Perfectly

targeting a specific element with a class

E.class

How well did you know this?

Not at all

Perfectly

grouping multiple selectors

E, F, G

How well did you know this?

Not at all

Perfectly

descendant selector (does not need to be a direct child)

E (space) F

How well did you know this?

Not at all

Perfectly

negation selector

E:not(x)

How well did you know this?

Not at all

Perfectly

direct child selectors

E > F

How well did you know this?

Not at all

Perfectly

immediate adjacent selector

E + F

How well did you know this?

Not at all

Perfectly

immediate predecessor selector

E ~ F

How well did you know this?

Not at all

Perfectly

selects all elements with the attribute

[attribute]

How well did you know this?

Not at all

Perfectly

selects all elements with the attribute value

[attribute=”value”]

How well did you know this?

Not at all

Perfectly

element whose attribute value is a list of whitespace-separated values, one of which is exactly equal to “value”

E[attribute~=”value”]

How well did you know this?

Not at all

Perfectly

element whose attribute value begins with exactly the string”value”

E[attribute^=”value”]

How well did you know this?

Not at all

Perfectly

element whose attribute value ends with exactly the string “value”

E[attribute$=”value”]

How well did you know this?

Not at all

Perfectly

element whose attribute value has the substring “value” in it at all

E[attribute*=”value”]

How well did you know this?

Not at all

Perfectly

element whose attribute value has hyphen seperated text including the string “value”

E[attribute|=”value”]

How well did you know this?

Not at all

Perfectly

not yet visited link

a:link

How well did you know this?

Not at all

Perfectly

visited link

a:visited

How well did you know this?

Not at all

Perfectly

active link (during certain user actions)

a:active

link hover

a:hover

element being targeted with an anchor

E:target

element in focus

E:focus

element with the specified language

E:lang(en)

element with no children

E:empty

enable element

E:enabled

disabled element

E:disabled

checked element (checkbox)

E:checked

generated content before an element

E::before

generated content after an element

E::after

targets the portion of the element selected by the user

::selected

the first child of this type in its parent

E:first-child

first formatted text line selector

E:first-line

first formatted letter selector

E:first-letter

first child of that element type

E:first-of-type

the last child of this type that is also the last element in its parent

E:last-child

the last child of this type in its parent

E:last-of-type

selects every element that is the only element of its type in its parent

E:only-of-type

the nth child of parent

E:nth-child(x)

nth child- custom repetition

E:nth-child(2x)

nth child- counting up instead

E:nth-child(-2x)

nth child- starting at a custom start point

E:nth-child(x+5)

nth child- start point is negative from the repetition (starts at 3)

E:nth-child(5x-2)

nth child- odd

E:nth-child(odd)

nth child- even

E:nth-child(even)

nth child- counting from the bottom

E:nth-last-child(x)

the nth child of this elements type

E:nth-of-type(x)

the nth child of this element type counting from the last one

E:nth-last-of-type(x)

input element with the "required" attribute active

input:required

input element with no "required" attribute

input:optional

input element with a value outside a specified range

input:out-of-range

input element with the "readonly" attribute specified

input:read-only

input element with NO "readonly" attribute specified

input:read-write

input element with a valid value in its field

input:valid