2017-08-30 16 views
0

私が間違っていることを理解できませんが、:contains CSSセレクタが機能しません。現在のcss3実装から除外されていますか?私はFF、クロム、IEでそれをチェックし、それらのすべてはbackground: redのプロパティを無視します。css3:セレクタが機能していない

<!DOCTYPE html> 
<html> 
<head> 
<style> 
.a { 
border: 1px solid black; 
width: 20px; 
height: 30px; 
position: relative; 
} 

.a:contains("1") { 
background: red; 
} 
</style> 
</head> 
<body> 
<div class="a">1</div> 
</body> 
</html> 
+0

CSSには ':contains' seがありませんlector、javascript、jQueryにはメソッドがありますが – LGSon

+0

https://www.w3.org/TR/2001/CR-css3-selectors-20011113/#content-selectorsここをクリックhttp://www.xml.com/pub/ a/2003/06/18/css3-selectors.html?page = 2 – degr

+2

2001年のドキュメントはもう有効ではありません。 ':has()'セレクタについての話がありますが、これが実装されるかどうかは不明ですが、テキストコンテンツではなくサブセレクタに対してのみ機能します。 –

答えて

2

擬似クラス:contains()が仕様から削除されました。

6.6.6。ブランク

このセクションは空白のままです。

https://www.w3.org/TR/css3-selectors/#content-selectors


(以前 :contains()疑似クラスを定義しました。このセクションでは)ここで

+1

ありがとう、私はjsについての参照が必要です。私はhtml + css電卓をやることになる、1人の男と賭ける。 – degr

+0

@degrあなたはまだ...新しい質問ですが:)# – LGSon

+1

CSSで書かれた電卓ですか?それは挑戦になるだろう。私は[this](https://jsfiddle.net/MrLister/rLta157b/)よりはるかには上手くいかないでしょう。 –

関連する問題