CSS Attribute Selectors
Style HTML Elements With Particular Attributes
It is possible to style HTML elements that have any attributes, not just
class and id.
Note: Internet Explorer 7 (and higher) supports attribute selectors
only if a !DOCTYPE is specified. This is not supported in IE 6 and lower.
Attribute Selector
The example below styles all elements with a title attribute:
Attribute and Value Selector
The example below styles all elements with title="W3Schools":
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:
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:
Styling Forms
The attribute selectors are particularly useful for styling forms without
class or ID:
Example
input[type="text"]
{
width:150px;
display:block;
margin-bottom:10px;
background-color:yellow;
}
input[type="button"]
{
width:120px;
margin-left:35px;
display:block;
} |
Try it yourself »
|
Need an easy way to get data into XML, or transform XML to another format?
MapForce lets you map XML data to/from any combination of XML, database, flat file, Excel 2007, XBRL, or Web services data.
Then it transforms data instantly or auto-generates royalty-free data integration code for recurrent conversions.
New features in Version 2010!
Download a free, fully functional 30-day trial to experience the following features:
- Easy-to-use, graphical data mapping interface
- Instant data transformation
- XSLT 1.0/2.0 and XQuery code generation
- Java, C#, and C++ code generation
- Advanced data processing functions
- Support for all major relational databases including SQL Server, IBM DB2, Oracle, and more
- Visual Studio & Eclipse integration
Download a fully-functional trial today!
|
|
|
| 
