为什么这对我不起作用? [element] [class] {style}

时间:2014-03-24 17:57:13

标签: javascript html css

我正在尝试为表格设置一个普通的类,例如

table {style here}

但对于某些桌子,我希望有不同的风格

我可以给表一个类,然后单独使用该类,例如

.specialTable {special style}

但我想尝试指出这只适用于表格,例如

.specialTable table {special style}

然而这不起作用,出了什么问题?

4 个答案:

答案 0 :(得分:3)

.specialTable table指定具有类table的元素中的specialTable元素。

您需要table.specialTable,这意味着任何table specialTable

答案 1 :(得分:0)

.specialTable table {special style}

上述代码将影响任何表,该表具有类specialTable的祖先(前一个元素)。例如,这将与

中的表匹配
<body class="specialTable">
  ...
  <table>
  ...

你想要的是一个包含类specialTable的表,在这种情况下语法是

table.specialTable {special style}

答案 2 :(得分:0)

如果您展示自己的HTML会有所帮助,但我想我会看到您的内容。

<table class="specialTable">不是您指定的CSS。相反,它指定类似

的内容
<div class="specialTable"><table>...</table></div>

而不是你的CSS,你可以做

table.specialTable { ... }

答案 3 :(得分:0)

.specialTable table选择具有.specialTable类的元素后代的表。

您需要table.specialTable,它选择类为specialTable的表。