[CSS」notで特定の要素にCSSを適用しないサンプル
構文
セレクタ:not(適用しないセレクタ1):not(適用しないセレクタ2){//CSSコード}
使用例
<style>
/* div:cftA cftC特定の要素にCSSを適用しない */
div:not(.cftA):not(.cftC) {
color: skyblue;
}
</style>
<body>
<div class="cftA">AA 11</div>
<div class="cftB">BB 22</div>
<div class="cftC">CC 33 </div>
<div class="cftD">DD 44</div>
</body>
<style>
/* div:cftA cftC特定の要素にCSSを適用しない */
div:not(.cftA):not(.cftC) {
color: skyblue;
}
</style>
<body>
<div class="cftA">AA 11</div>
<div class="cftB">BB 22</div>
<div class="cftC">CC 33 </div>
<div class="cftD">DD 44</div>
</body>
<style> /* div:cftA cftC特定の要素にCSSを適用しない */ div:not(.cftA):not(.cftC) { color: skyblue; } </style> <body> <div class="cftA">AA 11</div> <div class="cftB">BB 22</div> <div class="cftC">CC 33 </div> <div class="cftD">DD 44</div> </body>