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"

[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 contains the substring subs