的XPath轉換爲CSS

我需要UR幫助，我想翻譯從XPath來CSS我有這樣的代碼和這個XPath： /descendant::p/parent::*/child::p[position()=1] ...選擇會（BDFH）的XPath轉換爲CSS

<?xml version="1.0" ?> 
<book> 
    <title>A</title> 
    <p>B</p> 
    <p>C</p> 
<chapter> 
    <p>D</p> 
    <p>E</p> 
    <section> 
     <p>F</p> 
     <section> 
      <title>G</title> 
      <p>H</p> 
     </section> 
     <p>I</p> 
    </section> 
</chapter>

HOW我可以把它翻譯成CSS？

來源

2014-02-25 Raed K Hakim

我不知道什麼你究竟在尋找，但使用p:first-of-type選擇他們的父母中的第一個段落元素：

p:first-of-type { 
    background-color: gold; 
}

選擇的元素：B D F H：Demo。

來源

2014-02-25 21:56:08

如果CSS選擇開頭「書：根」我應該怎麼contenuie –

@RaedKHakim我不確定在XPath中'：root'是什麼意思，但是通常每個'book'你可以使用'book p：first-of-type'。 –

好吧非常感謝你哈希姆 –

試試這個：

p:first-of-type { 
    /** Your style here **/ 
    color: red; 
}

支持所有主要的瀏覽器和IE9 +

Reference

來源

2014-02-25 21:57:08 Kyle

不，IE8不支持'：first-of-type'。你可能意味着IE9 +。 – BoltClock

謝謝！我誤解了參考。 – Kyle

的XPath轉換爲CSS

回答

相關問題