1. 首頁
  2. 問答
  3. css3：包含選擇器不工作

css3：包含選擇器不工作

2017-08-30 73 views
0

我不明白我在做什麼錯，但:contains css選擇器不適合我。它是否從當前的css3實現中排除？我在FF，Chrome和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>

來源

2017-08-30 degr

+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。空白

本節有意留爲空白。 （本節以前 定義的:contains()僞類。）

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

這裏是你如何使用JavaScript或jQuery的（12日回答）

來源

2017-08-30 08:30:54 LGSon

+1

謝謝你，我不需要關於JS的參考。我打賭一個人，我會做html + css計算器。 – degr

+0

@degr您可能仍然可以...雖然_that_是一個新問題:) – LGSon

+1

用CSS編寫的計算器？這將是一個挑戰。我不會超過[this]（https://jsfiddle.net/MrLister/rLta157b/）。 –

相關問題

 相關問題