的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

回答

相关问题