html 将多个标记与一个类名组合

jobtbby3 于 2023-09-28 发布在其他

关注(0)|答案(3)|浏览(104)

我有这些CSS属性。

table, td, th
{
  border: 1px solid;
  border-collapse: collapse;
  color: green;
}

但是它们只应该在table有一个特殊的类或id的时候才被应用吗？

<table class="mycl">

所有其他表都不应该得到任何这些。
我如何在CSS中解决这个问题？
我试着去上课

.mycl table, td, th
{
  border: 1px solid;
  border-collapse: collapse;
  color: green;
}

但没有成功我不知道如何将类与多个标记组合在一起。

编辑 *

基于目前的答案，我得到了这个，这正是我想要的-只有格式的表与类mycl（而不是其他），并正确地做（跳过mycl在css和看到）。

table.mycl th, table.mycl td, table.mycl
{
  border: 1px solid;
  border-collapse: collapse;
  color:blue;
}

是否有任何优化？

Html

来源：https://stackoverflow.com/questions/77151522/combine-multiple-tags-with-a-class-name

3条答案

按热度按时间

pgvzfuti1#

这是：

.mycl table

意思是“一个<table>，它是一个mycl类元素的子元素/后代”。要引用一个<table>，它 * 有 * mycl类，你可以将两者结合起来：

table.mycl

赞(0）回复(0）举报 2023-09-28

bt1cpqcv2#

我认为如果你的表有“mycl”类，你可以这样使用：

.mycl td, .mycl th {
   ... your css styles
}

在这里，你指定所有的元素类.mycl和内部有一个td标签和内部有th标签，应该有这些样式。但如果你写：

table, td, th { ... }

你说每个表，每个td标签和每个th标签都应该有这些样式。

赞(0）回复(0）举报 2023-09-28

sqxo8psd3#

你使用了不正确的CSS特殊性规则语法。
特定性意味着要应用于元素的属性值的相关性。
使用.mycl table表示：将下列样式应用于任何.mycl类和任何table
使用table.mycl表示：将以下样式应用于包含类名mycl的表
如果你想将一个样式应用到table类mycl，那么你需要用途：

table.mycl {
  border: 1px solid;
  border-collapse: collapse;
  color: green;
}

赞(0）回复(0）举报 2023-09-28

我来回答

html 将多个标记与一个类名组合

3条答案

相关问题

热门标签

最新问答