CSS HTML-Style-Attributes
=========================

Style HTML Elements With Specific Attributes

It is possible to style HTML elements that have specific attributes, not just class and id.
IE7 and IE8 support attribute selectors only if a !DOCTYPE is specified.

Attribute Selector
------------------

The example below styles all elements with a title attribute

[title]
{
color:blue;
} 


Attribute and Value Selector
----------------------------

The example below styles all elements with attribute title e.g. title="test"

[title=test]
{
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:

[title~=hello] { color:blue; }

The example below styles all elements with a lang attribute that begins with a specified value:

[lang|=en] { color:blue; } 


Styling Forms
-------------

The attribute selectors are particularly useful for styling forms without class or ID:

input[type="text"]
{
 width:150px;
 display:block;
 margin-bottom:10px;
 background-color:yellow;
}

input[type="button"]
{
 width:120px;
 margin-left:35px;
 display:block;
}