К содержанию

Selector by attribute value

The attribute value selector allows you to select elements based on whether they have a specific attribute or its value and apply the desired style to them.

Example

Let's select the input tag, which has the type attribute value of text, and give it a blue background color:

html<p>
  <label>Enter text</label>
  <input type="text">
</p>
<p>
  <label>Enter number</label>
  <input type="number">
</p>

cssinput[type="text"] {
  background-color: #C2DDFD;
}

Результат:

See also

an attribute selector
that searches for an element by attribute name
an attribute selector
that searches for an element based on the start of an attribute value
an attribute selector
that searches for an element based on the end of an attribute value
an attribute selector
that searches for an element by text in an attribute value
an attribute selector
that searches for an element based on one of attribute values
an attribute selector
that searches for an element by a hyphen in an attribute value
the child selector
that allows you to select elements by direct nesting
the descendant selector,
that allows you to select an element by its parent
the adjacent sibling selector
that allows you to select an element by its sibling
the general sibling selector
that allows you to select elements after a given
the universal selector
that allows you to select all elements