This are attribute selectors which provide selecting matching strings in the value of an attribute.
These CSS3 selectors already occurred less powerful as attribute selectors in <a href="https://css4-selectors.com/selector/css2/attribute/" title="CSS2: Attribute"><code>CSS2</code></a>.
# Prefix
This are attribute selectors which provide selecting matching strings in the value of an attribute.
These CSS3 selectors already occurred less powerful as attribute selectors in <a href="https://css4-selectors.com/selector/css2/attribute/" title="CSS2: Attribute"><code>CSS2</code></a>.
# Syntax
[attribute^=value] {
/* declarations */
}
# Example
a[href^="https://"] {
border-bottom: 1px solid red;
}
0
Try example in CodePen# Browser support
# Suffix
This are attribute selectors which provide selecting matching strings in the value of an attribute.
These CSS3 selectors already occurred less powerful as attribute selectors in <a href="https://css4-selectors.com/selector/css2/attribute/" title="CSS2: Attribute"><code>CSS2</code></a>.
# Syntax
[attribute$=value] {
/* declarations */
}
# Example
a[href$=".pdf"] {
border-bottom: 1px solid red;
}
0
Try example in CodePen# Browser support
# Contains
This are attribute selectors which provide selecting matching strings in the value of an attribute.
These CSS3 selectors already occurred less powerful as attribute selectors in <a href="https://css4-selectors.com/selector/css2/attribute/" title="CSS2: Attribute"><code>CSS2</code></a>.
# Syntax
[attribute*=value] {
/* declarations */
}
# Example
[title*="example"] {
border: 1px dashed blue;
}
0
Try example in CodePen