CSSで"and"と"or"と否定(not)

Authors

CSSで"and"と"or"と否定(not)を実装する方法についてメモです。

and

<div class="class1 class2"></div>

div.class1.class2
{
  /* foo */
}

// 2つが当てはまる。
<div class="class1"></div>
<div class="class2"></div>

div.class1,
div.class2
{
  /* foo */
}

not

:not([id="foobar")

ref: