Style HTML Elements With Specific Attributes
It is possible to style HTML elements that have specific attributes, not just class and id.
Note: IE7 and IE8 support attribute selectors only if a !DOCTYPE is specified. Attribute selection is NOT supported in IE6 and lower.
Attribute Selector
The example below styles all elements with a title attribute:
Example
[title]
{
color:blue;
}
{
color:blue;
}
Attribute and Value Selector
The example below styles all elements with title="W3Schools":
Example
[title=W3Schools]
{
border:5px solid green;
}
{
border:5px solid green;
}
Attribute and Value Selector - Multiple Values
The example below styles all elements with a title attribute that contains a specified value. This works even if the attribute has space separated values:
Example
[title~=hello] { color:blue; }
The example below styles all elements with a lang attribute that contains a specified value. This works even if the attribute has hyphen ( - ) separated values:
Example
[lang|=en] { color:blue; }
Other Topics
No comments:
Post a Comment