Wenden Sie CSS-Stile auf alle Elemente außer verschachtelten Elementen an
P粉865900994
2023-08-01 14:15:45
<p>Wenn ich beispielsweise möchte, dass Text1 rot ist, Text2 jedoch nicht:</p>
<pre class="brush:php;toolbar:false;"><div class="red">
Text 1
<p class="notred">Text2</p>
</div></pre>
<p>Ich habe es in CSS versucht:</p>
<pre class="brush:php;toolbar:false;">.red :not(.notred) {
Farbe: #ff0000;
}</pre>
<p>Versuchen Sie dies, die Stile Text1 oder Text2 werden nicht angewendet. </p>
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
<!DOCTYPE html> <html> <style> .red { color: #ff0000; } .notred{ color: #000000; } </style> <body> <div class="red"> Text1 <p class="notred">Text2</p> </div> </body> </html>你可以这样做。