Attribute Selector: [attr~=val]

Pattern:

[attr~=val]

Definition:

The [attr~=val] selector matches any element with the attr attribute, and one of its attr attribute's value (separated by whitespaces) is exactly val.

Examples:

Style all elements with a title attribute whose value contains the word "highlight"

1	`[title~=highlight] {` `background-color: yellow; }`

w10schools

2014-11-11 03:07:10

Comments

Popular Articles

Attribute Selector: [attr=val] Pattern: [attr=val] Definition: The [attr=val] selector matches any element whose attr attrubute's value is exactly val. Examples: Styl

Attribute Selector: [attr|=val] Pattern: [attr|=val] Definition: The [attr|=val] selector matches any element with the attr attribute, its value either being exactly val or beg

Attribute Selector: [attr] Pattern: [attr] Definition: The [attr] selector matches any element based on the presence of attr attribute, regardless of the attribute's value

Substring Attribute Selector: [attr^=substring] Pattern: [attr^=substring] Definition: The [attr^=substring] selector matches any element whose attr attribute value begins with the prefix subs

Substring Attribute Selector: [attr$=substring] Pattern: [attr$=substring] Definition: The [attr$=substring] selector matches any element whose attr attribute value ends with the suffix substr