[CSS]CSS Advanced - CSS Attribute Selectors
개발관련/CSS/CSS3 2012. 10. 24. 02:31 |출처: http://www.w3schools.com/css/css_attribute_selectors.asp
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
{
width:150px;
display:block;
margin-bottom:10px;
background-color:yellow;
}
input[type="button"]
{
width:120px;
margin-left:35px;
display:block;
}
Try it yourself »
CSS Attribute Selectors
Select elements with a title attribute
Select elements with title=a specific value
Select elements with title=a specific value (even if the attribute has space-separated values)
Select elements with title=a specific value (even if the attribute has hyphen-separated values)
'개발관련 > CSS/CSS3' 카테고리의 다른 글
| [CSS]CSS Reference - CSS Selector Reference (0) | 2012.10.24 |
|---|---|
| [CSS]CSS Reference - CSS Reference (0) | 2012.10.24 |
| [CSS]CSS Advanced - CSS Image Sprites (0) | 2012.10.24 |
| [CSS]CSS Advanced - CSS Image Opacity/Transparency (0) | 2012.10.24 |
| [CSS]CSS Advanced - CSS Image Gallery (0) | 2012.10.24 |