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 the Word Spacing
• Set the Font Variant
• Set a Background Image's Position
• Set the Type of Bullet Used in List
• Set an Element's Overlap (z-index)
• Pseudo-class Selectors
• Use word-wrap Property to allow Line Breaks in the Middle of Words
• Set the border-collapse
• Set the Font Boldness
• Set List Bullets Position
| 
About BTH
User Agreement
Privacy
Site Map
Contact
News Feeds
RSS Feed
Follow @Stephen Bucaro
General Web Design
