CSS Selectors: Class #5

by Rodwyn Moreno

HTML

<a href="google.com">google</a>  
<br>
<a>NO LINK</a>
<br>
<a href="brazzers.com">PROHIBIDO</a>
<br>
<a href="http://nydaily.com">NY Daily</a>
<br>
<a href="https://courant.com">Courant</a>
<br>
<a href="naruto.jpg">Naruto</a>
<br>
<a href="path/to/image.gif" data-info="external image"> Click Me, Fool </a>
<br>
<input type="radio">Agree

CSS

a[href] {
  color: red;
}

a[href="google.com"] {
  color: green;
}

a[href*="ny"] {
  color: yellow;
}

a[href^="https"] {
  color: blue;
}

a[href$=".jpg"] {
  background: gray;
  color: black;
}

a[data-info~="external"] {
 color: red;
}
 
a[data-info~="image"] {
 border: 1px solid black;
}

input[type=radio]:checked {
  border: red solid 3px;
}