एक सीएसएस फ़ाइल में, अंतिम परिभाषित शैली को पिछले परिभाषित लोगों पर प्राथमिकता दी जाती है।सीएसएस- चयनकर्ता नहीं - प्राथमिकता तोड़ता है?
लेकिन not selector
का उपयोग करते समय, प्राथमिकता टूट जाती है और not selector
के साथ कक्षा को प्राथमिकता मिलती है, भले ही यह फ़ाइल के शीर्ष पर स्थित हो।
प्राथमिकता के ब्रेक के पीछे तर्क क्या है?
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
<style>
.red-with-not:not(.something) {
background: red;
}
.red {
background: red;
}
.blue {
background: blue;
}
</style>
</head>
<body class="base">
<h1 class="blue red-with-not">Expected Blue - PROBLEM</h1>
<h1 class="blue red">Expected Blue - Great!</h1>
</body>
</html>
परिणाम: