Css Selector Reference + pseudo selectors

 

Sibling Selector

.class ~ p
<header>
  <p>etc..</p>
  <div class="class"></div>
  <p>This paragraph will be selected</p>
  <div>
    <p>etc..</p>
  </div>
  <p>This paragraph will be selected</p>
</header>

 

Adjacent Sibling Selector

.class + p
<header>
  <p>etc..</p>
  <div class="class"></div>
  <p>This paragraph will be selected</p>
  <div>
    <p>etc..</p>
  </div>
  <p>etc..</p>
</header>

 

Pseudo – classes

a:link
a:visited
a:hover
a:active  
a:focus

 

List of Css Selectors W3C

Css Cheatsheet

Some Examples

Was this article helpful?

Yes No

Related Articles

Leave A Comment?