n o t CSS

a:not CSS3 implemetnation

by Leo Lanese

HTML

<div class="box">
    <a href="http://www.leolanese.com">www.leolanese.com</a>
</div>

<div class="box"><!-- 2 -->
    <a href="http://www.n1.com">www.n1.com</a>
</div>

<div class="box3"><!-- 1 --><!-- 2 -->
    <a href="http://www.n2.com">www.n2.com</a>
</div>

CSS

div.box {
    background: darkred;
}
/* 1: not box */
div:not(.box) { 
    background: tan; 
}


/* 2: not www.leolanese.com */
a:not([href="http://www.leolanese.com"]) {
    text-decoration: line-through;
    color: red;
}



/* some extra css just for testing. Don't need th  */
div {
    height: 2rem;
    margin: 1rem; 
    padding: 1rem;
    font-family: Verdana;
    font-size: 3vw;
}
div a {
    color: #fff;
    letter-spacing: .3em;
}

JavaScript

/* 
support: 

IE9+
Safari 3.2+
Firefox 1.7
Chrome 1.0

*/