下記のように、"b"というclassが設定されているdivタグ以外のdivにcssを適用したいのですが
notが効きません。
以下の記法に従っていると思えるのですが、いずれの点にもんだいがあるのでしょうか?
MDN
宜しくお願い申し上げます。
html
1<div>a</div> 2<div class="b">b</div> 3<div>c</div> 4<div>d</div>
css
1div :not(.b){ 2color:red; 3}
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答6件
0
div :not(.b){
↓
div:not(.b){
スペースが入っていたら連動性が失われます。
投稿2018/08/17 05:28
総合スコア80848
0
ベストアンサー
div と :not(.b) の間にスペースが空いているので
「divの子要素のうち、classがbでないもの」に対して適用されています。
スペースを消し、div:not(.b)
とすればよいです。
ちなみに、ご提示のコードですと、.bだけでなく他のdivにもスタイルが適用されないと思います。
投稿2018/08/17 05:34
退会済みユーザー
総合スコア0
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/08/17 06:39 編集
2018/08/17 07:28
0
投稿2018/08/17 05:30
編集2018/08/17 06:19総合スコア1284
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/08/17 05:46
2018/08/17 06:18
2018/08/17 06:36
0
html
1<!DOCTYPE html> 2<html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> 7 div:not(.b){ 8 color:red; 9 } 10 </style> 11 </head> 12 <body> 13 <div>a</div> 14 <div class="b">b</div> 15 <div>c</div> 16 <div>d</div> 17 </body> 18</html> 19
投稿2018/08/17 05:29
退会済みユーザー
総合スコア0
0
失礼いたしました、単純なコードのミスで
下記の修正で意図した動作を確認できました。
誤) div :not(.b)
正) div:not(.b)
投稿2018/08/17 05:29
総合スコア317
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/08/17 14:21
2018/08/18 00:12
2018/08/18 01:07
2018/08/20 06:48
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/08/17 05:30