Discussion on: CSS :not Selector

[Andrew Bone]

I often use not to prevent hidden from being overwritten.

.card:not([hidden]) {
  display: inline-flex
}

<div hidden class="card">
  Some card content
</div>

Without the not the HTML would display the content even though we want it to be hidden.

[Samantha Ming]

WOOO! I like this example! Thanks for sharing 💯