Question

我在Oxygen Editor中使用了Author Mode，我想为许多XML文件创建一个通用的CSS。我希望能够选择给定元素的子元素，而不必事先指定子元素的名称（仅限父元素），例如：

<data-collection>
      <data key="transfer-period" id ="1"/> 
      <data key="communication-profile" id="2">
        <wanCommunication></wanCommunication>
      </data>
</data-collection>

这里我想选择数据元素的wanCommuncation子元素，而不指定wanCommunication元素。

有人知道如何在CSS中实现这一目标吗？

非常感谢提前！

Answer 1

是的，你可以。你有很多方法可以做到这一点。以下是一些：

元素：first-child（元素的第一个子元素）

element：last-child（元素的最后一个子元素）

element :: nth-child（n）（元素的'n'子）

这些只是少数几个。您可以查看CSS选择器的完整列表here。

Answer 2

使用:first-child选择器。

data-collection data > :first-child

使用上面的选择器将选择data元素中具有父元素data-collection的每个第一个子元素。

＆＃13;

data-collection data > :first-child {
  background-color: #ededed;
}

＆＃13;

<data-collection>
      <data key="transfer-period" id ="1"/>
      <data key="communication-profile" id="2">
        <wanCommunication>Hello :)</wanCommunication>
      </data>
</data-collection>

＆＃13;

选择子元素CSS

2 个答案: