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:
• Pseudo-class Selectors
• Set the Letter Spacing
• Set a Background Image
• Set the Font Variant
• Set an Element's Visibility
• position:fixed
• Highlight Text
• position:absolute
• Set the Font Properties
• Set the Background Properties
| 
About BTH
User Agreement
Privacy
Site Map
Contact
News Feeds
RSS Feed
Follow @Stephen Bucaro
General Web Design
