在<style> section </style>中使用.css文件中的类名

Question

方案

我有一个带有预定义样式的.CSS文件。我已将其链接到我的HTML文件中。我想为html文件中的所有TD元素分配一个特定的类名（myclass）。

问题

如何在不对每个TD元素执行class="myclass"的情况下将类名（myclass）分配给文档中的所有TD。

我可以在<style>部分

中引用课程名称吗？

意图 减少重复class='myclass'

即

myCss.css位于

之下

.myclass{text-weight:bold;}
}

我使用这个CSS（我不能修改上面的CSS文件）。 是否可以在单独的HTML文件中使用如下所示的参考.css文件

<style>
TD : myclass (or something)
</style>

如果可能，那么我可以避免使用<td class='myclass'></td>

Answer 1

使用此：

td{
 //Put content  of myclass here
}

<强> JSFiddle Demo

您可以在演示中看到TD没有任何类名。

Answer 2

jsfiddle http://jsfiddle.net/harshdand/76gx6akr/

<table>
  <tr><td>a</td></tr>
  <tr><td>b</td></tr>
  <tr><td>c</td></tr>
  <tr><td>d</td></tr>
</table>

CSS

.myclass{
    background-color:yellow;
}

JS

$( "td" ).addClass( "myclass" );

Answer 3

如果你的目标是为所有td元素添加样式，你可以直接修改td元素：

td{
}

您还可以在表中的tr上添加myclass，然后使用子类。在这种情况下，id只能修改.myclass＆amp; TD。

.myclass td{
    /* stuff */
}


<table>
    <tr class="myclass">
        <td>Text</td>
        <td>More Text</td>
    </tr>
</table>

Answer 4

有几种方法可以让你在高层次上做一些有趣的风格。例如，您可以使用

声明全局样式

td {
    background: red;
}

这会将样式应用于文档中的所有td元素。但是如果你想更精确呢？也许你想要td的样式，它是某个元素的直接子元素。如果是这样，您可以尝试以下

.example tr > td {
    background: blue;
}

这里有一些小例子。 Fiddle