如何使用CSS屬性選擇器來定位特定的高度？

所以基本上，我只想在我的網站上設置第一個特定框。我想嘗試和使用屬性選擇器的目標height（相信我，沒有其他方式的樣式，我字面上嘗試了一切）。如何使用CSS屬性選擇器來定位特定的高度？

我曾嘗試以下（連同許多其他變化）：

.first_child[style='height: 299px;']:first-child { 
background-color: red; 
} 

.clear[style='height: 299px;']:first-child { 
background-color: red; 
} 

.first_child:first-of-type [height='299px;'] { 
background-color: red; 
}

雖然，我似乎無法得到它的工作。

這是可以修復的，還是我試圖做不成？

下面是我的HTML結構的截圖如果需要的話：

enter image description here

來源

2013-11-29 Fizzix

在這裏工作，在Chrome：http://jsfiddle.net/U6AdX/3/ – user2864740

我想你加入破過資格*不*相關的屬性選擇。嘗試使用：'div [style ='height：299px;']：first-child'（也就是刪除'.clear'和'.first_child'以及其他沒有這種匹配樣式屬性的簡單選擇器）。 – user2864740

等待，Wordpress不會讓人重寫它輸出的HTML嗎？ –

嘗試* =，而不是僅僅=，並確保精確的文本匹配的。這就是說，這是一個非常糟糕的主意。嘗試別的東西：

#content div.columns div.clear:first-child > div.child:first-child {}

來源

2013-11-29 01:36:02 davidfurber

是的，我知道這個可怕的想法。但這是唯一的想法。它是Wordpress ...並且所有內容都是在頁面加載時動態創建的。從字面上試用了本書中的所有內容，試圖使其發揮作用。 – Fizzix

我在看到HTML後用不同的方法更新了我的答案。 – davidfurber

工作得很好！謝謝你的幫助：） – Fizzix

.clear:first-child .child:first-child { 
    background-color: red; 
}

來源

2013-11-29 02:25:53

如何使用CSS屬性選擇器來定位特定的高度？

回答

相關問題