This page is part of the CSS3.info CSS selectors test. See more info on CSS3 selectors.

1. a[rel~=match] {
   }
   
   <a href='#' rel='match'></a>

   The CSS selector should match the HTML fragment because the value of the rel attribute is an exact match

2. a[rel~=match] {
   }
   
   <a href='#' REL='match'></a>

   The CSS selector should match the HTML fragment because the case of the attribute name should not matter in a HTML document

3. a[rel~=match] {
   }
   
   <a href='#' rel='MATCH'></a>

   The CSS selector should match the HTML fragment because the case of the rel attribute value should not matter in a HTML document

4. a[rel~=match] {
   }
   
   <a href='#' rel='other match'></a>

   The CSS selector should match the HTML fragment because the attibute value contains a space seperated list, of which one of the items is an exact match

5. a[rel~=match] {
   }
   
   <a href='#' rel='match other'></a>

   The CSS selector should match the HTML fragment because the attibute value contains a space seperated list, of which one of the items is an exact match

6. a[rel~=match] {
   }
   
   <a href='#'></a>

   The CSS selector should not match the HTML fragment because the attibute does not exist

7. a[rel~=match] {
   }
   
   <a href='#' rel=''></a>

   The CSS selector should not match the HTML fragment because the attibute is empty

8. a[rel~=match] {
   }
   
   <a href='#' rel='other'></a>

   The CSS selector should not match the HTML fragment because the attibute does not contain an exact match

9. a[rel~=match] {
   }
   
   <a href='#' rel='some other'></a>

   The CSS selector should not match the HTML fragment because the attibute contains a space seperated list and none of its items is an exact match

10. a[rel~=match] {
    }
    
    <a href='#' rel='matchother'></a>

    The CSS selector should not match the HTML fragment because the attibute is not an exact match

11. a[rel ~= match] {
    }
    
    <a href='#' rel='match'></a>

    The CSS selector should match the HTML fragment because the value of the rel attribute is an exact match

12. a[rel ~=match] {
    }
    
    <a href='#' rel='match'></a>

    The CSS selector should match the HTML fragment because the value of the rel attribute is an exact match

13. a[rel~= match] {
    }
    
    <a href='#' rel='match'></a>

    The CSS selector should match the HTML fragment because the value of the rel attribute is an exact match

14. a[title~=match] {
    }
    
    <a href='#' title='match'></a>

    The CSS selector should match the HTML fragment because the value of the title attribute is an exact match

15. a[title~=match] {
    }
    
    <a href='#' title='MATCH'></a>

    The CSS selector should not match the HTML fragment because value of the title attribute should be compared in a case-sensitive way

16. div[id~=match] {
    }
    
    <div id='MATCH'></div>

    The CSS selector should not match the HTML fragment because value of the id attribute should be compared in a case-sensitive way

17. label[for~=match] {
    }
    
    <label for='MATCH'></label>

    The CSS selector should not match the HTML fragment because value of the for attribute should be compared in a case-sensitive way