Html 如何在不从其他行中删除样式的情况下,仅为具有自定义类的一行更改css属性?

Html 如何在不从其他行中删除样式的情况下,仅为具有自定义类的一行更改css属性?,html,css,Html,Css,这是我第一次来这里,我希望我做得对 html 我用html创建了一串行和列,以便客户端“类似”电子表格 CSS 我已经创建了一个css类class=“sale td” 在课堂上 .sale td {border: 1px solid grey; } 为每行显示边框 问题:我想从任何包含标记的中删除边框 我该如何用CSS创建这样一个特定的类或操作,这个方法叫什么?你不能像这样倒退,根据标签中的标签设置标签样式。如果tr/td包含h2,则必须使用类来标记该tr 编辑: 举个例子 CSS .nobo

这是我第一次来这里,我希望我做得对

html 我用html创建了一串行和列,以便客户端“类似”电子表格

CSS 我已经创建了一个css类class=“sale td” 在课堂上

.sale td {border: 1px solid grey; }
为每行显示边框

问题:我想从任何包含
标记的
中删除边框


我该如何用CSS创建这样一个特定的类或操作,这个方法叫什么?

你不能像这样倒退,根据标签中的标签设置标签样式。如果
tr
/
td
包含
h2
,则必须使用类来标记该
tr

编辑: 举个例子

CSS

.noborder{边界:无!重要}

“!important”确保它覆盖其他CSS样式

HTML

编辑2:
CSS中的“.sale td”还表示块(本例中为表)内具有“sale”类的任何
。因此,您不需要在
上设置“sale td”类,而只需设置“sale”

您只能尝试将
样式
标记添加到要删除边框的每一行。 例如:

<td colspan="4" align="left" valign="top" style="border:none;">

您可以这样尝试:

CSS:

.sale tr.no_border td {
    border: 0px !important;
}
<tr class="no_border">
  <td colspan="3" align="left" valign="top"><h2>Bottles</h2></td>
</tr>
HTML:

.sale tr.no_border td {
    border: 0px !important;
}
<tr class="no_border">
  <td colspan="3" align="left" valign="top"><h2>Bottles</h2></td>
</tr>
对于可以使用此css的每一行:
.sale td{边框:1px纯灰;}
但对于其中包含的行:
无国界运输署{
边界:0px!重要;
}
您的html将如下所示:
标题

你的意思是,如果有标记,你想删除该行的边框?因此选择的路径看起来像
td->a->>td->>remove border
,很明显这是一个向后/向上的路径,CSS不能以这种方式工作(从子级向后遍历(本例)或返回到以前的同级(另一例))。谢谢你,kiran。这个例子是最有用的。我感谢你花时间在fiddler中设置格式!:-)