Question

我正在将xml架构设置为表格样式，每个名称都是列的开头，因此它们位于一行中。我无法设置特定id选择器的样式。＃c1不是用于设置每个特定列元素id的正确语法吗？

继承人xml

   <titles>
      <column id="c1">Symbol</column>
      <column id="c2">Name</column>
      <column id="c3">Last Sale</column>
      <column id="c4">Net Change</column>
      <column id="c5">% Change</column>
      <column id="c6">Volume</column>
   </titles>

继承人的css（颜色：绿色只是为了开玩笑看看它是否会正确设计它。）

column{
    display:table-cell;
    text-decoration:underline;
    font-weight:bold;
    margin-left:auto;
    margin-right:auto;
}

column #c1{
    color:green;
}

Answer 1

CSS选择器中不能包含数字。

您可以使用CSS选择器:nth-child(n)来设置元素的样式。

请参阅此JSFiddle：http://jsfiddle.net/u5dpdggd/

column {
    display:table-cell;
    text-decoration:underline;
    font-weight:bold;
    margin-left:auto;
    margin-right:auto;
}
column:nth-child(1) {
    color:green;
}
column:nth-child(2) {
    color:red;
}
column:nth-child(3) {
    color:blue;
}
column:nth-child(4) {
    color:orange;
}

Answer 2

用于XML的CSS似乎没有使用与您期望的HTML相同类型的属性标记。如果您需要每列的样式，我会将其转换为HTML表格，或使用Javascript来设置DOM元素的样式。

如何使用xml文件

2 个答案: