Title: Theory / Unimportant / CS / Descriptive / Web / CSS3; / Selector;
Tags: FromInstruction computer_to_instruction hasNotNewEffectReturnsMeaning some_instruction récupéré seen_description
On every note of this deck, unless a note says otherwise:
Page: https://www.w3schools.com/cssref/css_selectors.asp

Instruction: [target]
Effect: Selects all elements with a target attribute
Language: css
Chapter: 2

Instruction: [target=_blank]
Effect: Selects all elements with target="_blank"
Language: css
Chapter: 2

Instruction: [title~=flower]
Effect: Selects all elements with a title attribute containing the word "flower"
Language: css
Chapter: 2

Instruction: [lang|=en]
Effect: Selects all elements with a lang attribute value starting with "en"
Language: css
Chapter: 2

Instruction: a[href^="https"]
Effect: Selects every <a> element whose href attribute value begins with "https"
Language: css
Chapter: 3

Instruction: a[href$=".pdf"]
Effect: Selects every <a> element whose href attribute value ends with ".pdf"
Language: css
Chapter: 3

Instruction: a[href*="w3schools"]
Effect: Selects every <a> element whose href attribute value contains the substring "w3schools"
Language: css
Chapter: 3

Instruction: a:active
Effect: Selects the active link
Language: css
Chapter: 1

Instruction: p::after
Effect: Insert something after the content of each <p> element
Language: css
Chapter: 2

Instruction: p::before
Effect: Insert something before the content of each <p> element
Language: css
Chapter: 2

Instruction: input:checked
Effect: Selects every checked <input> element
Language: css
Chapter: 3

Instruction: input:disabled
Effect: Selects every disabled <input> element
Language: css
Chapter: 3

Instruction: p:empty
Effect: Selects every <p> element that has no children (including text nodes)
Language: css
Chapter: 3

Instruction: input:enabled
Effect: Selects every enabled <input> element
Language: css
Chapter: 3

Instruction: p:first-child
Effect: Selects every <p> element that is the first child of its parent
Language: css
Chapter: 2

Instruction: p::first-letter
Effect: Selects the first letter of every <p> element
Language: css
Chapter: 1

Instruction: p::first-line
Effect: Selects the first line of every <p> element
Language: css
Chapter: 1

Instruction: p:first-of-type
Effect: Selects every <p> element that is the first <p> element of its parent
Language: css
Chapter: 3

Instruction: input:focus
Effect: Selects the input element which has focus
Language: css
Chapter: 2

Instruction: a:hover
Effect: Selects links on mouse over
Language: css
Chapter: 1

Instruction: input:in-range
Effect: Selects input elements with a value within a specified range
Language: CSS
Chapter: 3

Instruction: input:invalid
Effect: Selects all input elements with an invalid value
Language: CSS
Chapter: 3

Instruction: p:lang(it)
Effect: Selects every <p> element with a lang attribute equal to "it" (Italian)
Language: css
Chapter: 2

Instruction: p:last-child
Effect: Selects every <p> element that is the last child of its parent
Language: css
Chapter: 3

Instruction: p:last-of-type
Effect: Selects every <p> element that is the last <p> element of its parent
Language: css
Chapter: 3

Instruction: a:link
Effect: Selects all unvisited links
Language: CSS
Chapter: 1

Instruction: :not(p)
Effect: Selects every element that is not a <p> element
Language: css
Chapter: 3

Instruction: p:nth-child(2)
Effect: Selects every <p> element that is the second child of its parent
Language: css
Chapter: 3

Instruction: p:nth-last-child(2)
Effect: Selects every <p> element that is the second child of its parent, counting from the last child
Language: css
Chapter: 3

Instruction: p:nth-last-of-type(2)
Effect: Selects every <p> element that is the second <p> element of its parent, counting from the last child
Language: css
Chapter: 3

Instruction: p:nth-of-type(2)
Effect: Selects every <p> element that is the second <p> element of its parent
Language: css
Chapter: 3

Instruction: p:only-of-type
Effect: Selects every <p> element that is the only <p> element of its parent
Language: css
Chapter: 3

Instruction: p:only-child
Effect: Selects every <p> element that is the only child of its parent
Language: css
Chapter: 3

Instruction: input:optional
Effect: Selects input elements with no "required" attribute
Language: css
Chapter: 3

Instruction: input:out-of-range
Effect: Selects input elements with a value outside a specified range
Language: css
Chapter: 3

Instruction: input:read-only
Effect: Selects input elements with the "readonly" attribute specified
Language: css
Chapter: 3

Instruction: input:read-write
Effect: Selects input elements with the "readonly" attribute NOT specified
Language: css
Chapter: 3

Instruction: input:required
Effect: Selects input elements with the "required" attribute specified
Language: css
Chapter: 3

Instruction: :root
Effect: Selects the document's root element
Language: css
Chapter: 3

Instruction: ::selection
Effect: Selects the portion of an element that is selected by a user
Language: css

Instruction: input:valid
Effect: Selects all input elements with a valid value
Language: css
Chapter: 3

Instruction: a:visited
Effect: Selects all visited links
Language: css
Chapter: 1

Instruction: .intro
Effect: Selects all elements with class="intro"
Language: css
Chapter: 1

Instruction: *
Effect: Selects all elements
Language: css
Chapter: 2

Instruction: p
Effect: Selects all <p> elements
Language: css
Chapter: 1

Instruction: div, p
Effect: Selects all <div> elements and all <p> elements
Language: css
Chapter: 1

Instruction: div p
Effect: Selects all <p> elements inside <div> elements
Language: css
Chapter: 1

Instruction: div > p
Effect: Selects all <p> elements where the parent is a <div> element
Language: css
Chapter: 2

Instruction: div + p
Effect: Selects all <p> elements that are placed immediately after <div> elements
Language: css
Chapter: 2

Instruction: p ~ ul
Effect: Selects every <ul> element that are preceded by a <p> element
Language: css
Chapter: 3