Attribute Selector
By Stephen Bucaro
The attribute selector selects an html element by the value of an attribute.
For example, the style definition below selects only anchor elements that have
"http:" as part of their value string for the href attribute.
a[href^="http:"]
{
text-decoration: none;
border-bottom-style: dotted;
border-bottom-width: 1px;
}
<a href="http://bucarotechelp.com">Visit Bucaro TecHelp</a>
The style definition above causes the link to be underlined with a dotted line
rather than the standard solid line. Buy using only relative links within your
web site you might use this method to allow users to distinguish between internal
and external links. The attribute selector works only with with browsers that
support the CSS 3 standard.
More CSS Quick Reference:
• Set a Background Image's Position
• position:absolute
• Use an Embedded Style Sheet
• Class Selector
• position:fixed
• Set the Font Variant
• Set an Element's Display Property
• Set an Element's Padding
• Set Text Justification
• Set the Text Color
| 
About BTH
User Agreement
Privacy
Site Map
Contact
News Feeds
RSS Feed
Follow @Stephen Bucaro
General Web Design
