CSS *:not(div p) does not select anything

Viewed 11932

I have the following a HTML code:

<div>
    <p> linux version</p>
    <h1> new tool </h1>

And some CSS for it that should select <h1> but does not select anything.

*:not(div p) {
    font-family: sans-serif;
}

The following does not work too:

*:not(div>p) {}

I have so many such <div> <p> in the HTML whereas the following selects and apply the font:

div p {
    font-family: sans-serif;
}
4 Answers
Related