0

我有一个外部 CSS 文件，它被导入到我的一个页面中。此外部 CSS 将样式分配给 HTML 标记。例如，

table {
    width: 100%;
    font-size: 3em;
    // long list of CSS styles
}

tr {
    width: 100%;
    font-size: 3em;
    // long list of CSS styles
}

为单个表覆盖这些外部 CSS 样式的最佳方法是什么？例如，如果我有一张桌子，但我不想让这些外部样式出现在我的桌子上，我该怎么做？

谢谢。

编辑——澄清一下，“一长串 CSS 样式”有数百种样式。到目前为止，大多数答案都建议我覆盖提供的 CSS。我是否需要覆盖所有数百种样式？

4

5 回答 5

2

在您要覆盖的其他 CSS 之后加载您自己的 CSS。最后读取的规则（如果相同级别的特异性）将胜出。您只需要覆盖您需要/想要的特定规则——而不是所有规则。

于 2012-08-30T20:28:27.810 回答
0

你可以在你的桌子上使用内联样式，

<table style='width:90%'>
<tr style='font-size: 4.4em'>

或在外部文件中为表设置单独的类，或创建另一个包含这些样式的 .css 文件

.otherTable{
    width: 90%;
    font-size: 2.3em;
    // long list of CSS styles
}

在你的 html 中，

<table class='otherTable'>
于 2012-08-30T20:29:12.267 回答
0

css您应该在外部文件之后立即根据您的需要重写它们。按以下顺序加载它们：

http://www.externalserver.com/styles.css
css/general.css

然后应用适合您网站主题的样式。

于 2012-08-30T20:30:41.483 回答
0

除了 j08691 所说的，如果您的 CSS 生效有问题，请在分号前添加短语“！important”以确保它覆盖其他设置。

http://webdesign.about.com/od/css/f/blcssfaqimportn.htm

于 2012-08-30T20:34:16.263 回答
0

偷懒，只是在那个特定的页面上写一些 javascript。

这是关于此的 SO Q/A：

https://stackoverflow.com/a/196038/1617149

或者您可以在页面呈现之前在 jQuery/Prototype 中执行此操作，例如在 DOM 加载时。

于 2012-08-30T21:12:41.057 回答