gpt4 book ai didi

html - 将混合的内部和内联样式转换为内部样式

转载 作者:太空宇宙 更新时间:2023-11-03 17:48:54 24 4
gpt4 key购买 nike

我有下表,其中包含一些内部样式和内联样式。它对我有用,但最近我注意到表格格式被破坏(内联样式被主站点的样式覆盖并停止工作,仅应用字体的内部样式)。如何将这些混合的内部和内联样式正确转换为内部样式?使用 ID 选择器而不是类会更好吗?

CSS:table.myTable td, th { font-size:14px; }

HTML:

<table class="myTable" style="border-collapse:collapse;" align="left" border="1" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td rowspan="3">..</td>
<th>aaaa</th>
<th>bbbb</th>
<th>cccc</th>
</tr>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
</tbody>
</table>

编辑:这个 css 对我有用:

table.myTable {border-collapse: collapse;}
table.myTable th, table.allsizes td {border: 1px solid #cccccc;}
table.myTable td,th {padding: 5px;}
table.myTable td,th {font-size: 14px;}

<table class="myTable">

最佳答案

如果您要在单个页面的多个区域应用样式,则不应使用 ID。如果您的样式损坏,请在 <head> 中设置一个类标记或在您的外部样式表文件中并在那里应用您的属性。这样你就可以避免任何冲突。

保持简单,尝试在外部样式表中完成所有样式设置,如果要多次应用属性,则使用类。如果您有与之竞争的 iframe,则可以尝试 !important feature - 不是最优雅的解决方案,但如果它没有应用于 iframe 之外的上述 css,那么它将起作用。

另一个更好的解决方案是使用 JQuery使用 .css() 函数更改 css,如下所示:$(".myTable").css( "font-size", "14px" ); .或者,如果可以的话,为您的表提供一个唯一的类名,该类名不会与给定上述 iframe 的任何 css 类名冲突。

关于html - 将混合的内部和内联样式转换为内部样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27680054/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com