: CSS: Is there any way to select an item to be hidden besides tag, class, or ID? Here's my situation: I have a web-based app (Jira) that I'm using that I'd like to modify slightly by using

@Berryessa866

You can use attributes as selectors in CSS.

[attr] Selects an element with an attribute name of attr.

[attr=value] Selects an element with an attribute name of attr and whose value is exactly "value".

[attr~=value] Selects an element with an attribute name of attr whose value is a whitespace-separated list of words, one of which is exactly "value".

[attr|=value] Selects an element with an attribute name of attr. Its value can be exactly “value” or can begin with “value” immediately followed by “-” (U+002D). It can be used for language subcode matches.

[attr^=value] Selects an element with an attribute name of attr and whose value is prefixed by "value".

[attr$=value] Selects an element with an attribute name of attr and whose value is suffixed by "value".

[attr*=value] Represents an element with an attribute name of attr and whose value contains at least one occurrence of string "value" as substring.



This, for example, will target all internal links (href attribute beginning with #):

a[href^="#"] { background-color: #000 ; }




You can read more about attribute selectors here:


CSS-Tricks - Attribute Selectors
CSS 2.1 Specification - Attribute Selectors
CSS Selectors Level 3

Vote Up Vote Down