nth-child test

by John Doe

HTML

<p class="full">100%</p>
<p>50%</p>
<p>50%</p>
<p class="hidden">hidden</p>
<p>50%</p>
<p>50%</p>
<p>50%</p>
<p>50%</p>

CSS

p{
  border-bottom: 5px dashed red;
}
p.full, p.hidden{
  border-bottom: 0px dashed red;
}
p:not(.hidden):not(.full):nth-child( 2n + 1){
  border-bottom: 5px solid green;
}