Attribute Selector

Subject: Attribute Selector
Author: CyberSpider
In response to: ID Selector
Posted on: 04/12/2016 06:34:01 PM

Attribute selector embraced by square brackets '[]' is used to find elements which have certain attributes matched in the source document:

E[attr] -- any E element that has attribute 'attr' regardless of its value;

E[attr=val] -- any E element that has attribute 'attr' with value of 'val';

E[attr~=val] -- any E element that has attribute 'attr' containing value of 'val';

E[attr|=val] -- any E element that has attribute 'attr' with value of 'val' or starting with 'val-';

    p[class="green"] {
        color: green;
        text-decoration: line-through;
    }

Try it yourself in sandbox »

>
> On 04/12/2016 05:59:55 AM CyberSpider wrote:

While Class selector targets all elements of the same class, ID selector preceded by '#' focuses on finding a specific element with the unique identifier.

#first { color: red; text-decoration: line-through; }

Try it yourself in sandbox »

References:

Next Post: Pseudo-Class Selector CyberSpider 04/12/2016 07:12:19 PM
Previous Post: ID Selector CyberSpider 04/12/2016 05:59:55 AM
Next Topic: CSS Font CyberSpider 04/13/2016 06:23:10 PM
Previous Topic: CSS Syntax CyberSpider 04/10/2016 09:19:00 PM
Index: by Date
Index: by Topic