Question

我需要你的帮助我想从XPath转换为css我有这个代码和这个xpath： /descendant::p/parent::*/child::p[position()=1] ...已选择（B D F H）

<?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>

我如何将其翻译成CSS？

Answer 1

我不确定您正在寻找什么，但使用p:first-of-type选择其父级内的第一个段落元素：

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

所选元素：B D F H： Demo 。

Answer 2

试试这个：

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

支持所有主流浏览器和IE9 +

Reference

XPath转换为CSS

2 个答案: