Селектор :not

06 Марта 2016
css

Иногда нужно применить стиль для определенных ссылок или в для блоков без определенного класса, в общем это очень редко когда надо, но знать что это можно сделать нужно.

Например:

  • применить стиль для всех тегов a кроме тех у которых значение href="http://kakorin.com"
    a:not([href="http://kakorin.com"]) {
    //code
    }
    
  • применить стиль для всех тегов a которые содержат атрибут href и начинающийся на http и при этом не содержащий kakorin.com
    a[href ^= 'http']:not([href *= 'kakorin.com.']) {
    //code
    }
    
  • для всех элементов кроме тега h1
    :not(h1) {
    //code
    }