Question

用户可以上传具有不同元素的自定义xml文件，每个文件看起来可能不同，结构也不同。例如：

<note>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>

或

<file>
<name>Tove</name>
<lastname>Jani</lastname>
<title>Reminder</title>
<content>Don't forget me this weekend!</content>
</file>

如何将相同的样式应用于两个不同的xml文件？例如，为文本橙色和标签蓝色着色。

编辑：基于BoltClock注释，我希望高亮显示语法本身，就像它在某种编辑器中看到的一样。

Answer 1

我会把所有东西都包装成另一个元素（即），然后从那里开始：

＆＃13;

info > *:nth-child(odd) {
  display: block;
  background: orange;
}

info > *:nth-child(even) {
  display: block;
  background: yellow;
}

info > * > *:nth-child(1) {
  display: block;
  font-weight: bold;
}

info > * > *:nth-child(2) {
  display: block;
}

info > * > *:nth-child(3) {
  display: inline-block;
  font-weight: bold;
}

info > * > *:nth-child(3):after {
  content: ' :';
}

info > * > *:nth-child(4) {
  display: inline-block;
}

＆＃13;

<info>
  <note>
    <to>Tove</to>
    <from>Jani</from>
    <heading>Reminder</heading>
    <body>Don't forget me this weekend!</body>
  </note>

  <file>
    <name>Tove</name>
    <lastname>Jani</lastname>
    <title>Reminder</title>
    <content>Don't forget me this weekend!</content>
  </file>
</info>

＆＃13;

希望这有帮助。

有没有办法将相同的样式应用于不同的XML标签/突出显示语法，如编辑器？

1 个答案: