Element E whose attribute attr has a value val or begins with val- ("val" plus "-").
p[lang|="en"]{/ <p lang="en-us"> <p lang="en-uk"> / }
Back
E[attr$=val]
Front
Element E whose attribute attr ends in val .
a[href$=pdf] {background-image: url(pdficon.gif);}
a[href$=pdf]:after {content: " (PDF)";}
Back
E[attr="val"]
Front
Element E that has the attribute attr with the exact, case-sensitive if attribute is case sensitive, value val.
Back
E[attr~=val]
Front
Element E whose attribute attr has within its value the space-separated full word val.
a[title~=more] {/* <a title="want more info about this?">}
Back
E[attr*=val]
Front
Element E whose attribute attr matches val anywhere within the attribute. Similar to E[attr~=val] above, except the val can be part of a word.
Back
E[attr^=val]
Front
Element E whose attribute attr starts with the value val.
a[href^=mailto] {background-image: url(emailicon.gif);}
a[href^=http]:after {content: " (" attr(href) ")";}
Back
E[attr]
Front
Element E that has the attribute attr with any value.