シンプルセレクタがCSSで動作しない

Question

CSSのセレクタについて簡単な例を説明します。私はすべての要素が国境を赤くすることを期待しています。しかし、誰も持っていません。問題はどこだ？

[name!='er']{border:2px solid red;}

<p name='peter'>This is paragraph 1.</p> 
 

 
<p name='julie'>This is paragraph 2.</p> 
 

 
<p name='jennifer'>This is paragraph 3.</p> 
 

 
<p name='george'>This is paragraph 4.</p> 
 

 
<p name='gilbert'>This is paragraph 6.</p> 
 

 
<span name='rosy'>This is span 1.</span> 
 

 
<span name='robert'>This is span 2.</span>

https://api.jquery.com/attribute-not-equal-selector/

このセレクタは、jQueryの中に存在します。私はCSSでも同じことを望んでいました。ではない？

Answer 1

これはセレクタの設定です。あなたは:notオペレータについて知っておく必要がある

:not([name='er'])

。

*:not([name='er']) { 
 
    border: 2px solid red; 
 
}

<p name='peter'>This is paragraph 1.</p> 
 

 
<p name='julie'>This is paragraph 2.</p> 
 

 
<p name='jennifer'>This is paragraph 3.</p> 
 

 
<p name='george'>This is paragraph 4.</p> 
 

 
<p name='gilbert'>This is paragraph 6.</p> 
 

 
<span name='rosy'>This is span 1.</span> 
 

 
<span name='robert'>This is span 2.</span>

Answer 2

あなたが:notセレクタを使用してみましたか？

:not([name='er']) { 
    border: 2px solid red; 
}