• 
• 1. SitePoint
  2. Reference
  3. CSS
  4. Selector Reference
  5. Attribute Selector
  6. CSS3 Attribute Selectors
  7. CSS Live Demo: CSS3 Attribute Selectors (this page)
• See also: All Live Demos

CSS Live Demo: CSS3 Attribute Selectors

Type your CSS here: (any properties allowed except expression, behavior and @import) a[href*="example.com"] { color:#090; } a[href^="http"] { font-weight:bold; } a[href$="99designs.com/"] { color:#f60; }

Type your HTML here: (any tags allowed except script, iframe, frame, object, img and embed) <p><a href="http://www.example.com/">example.com</a></p> <p><a href="http://www.sitepoint.com/">sitepoint.com</a></p> <p><a href="http://99designs.com/">99designs.com</a></p>

Show me!

Your results appear here: