Question

我不想争论内联样式与外部样式的使用，但我只想知道您可以使用内联样式的某些情况下的想法。

例如，我有10种类型的表具有不同的宽度，但总是使用相同的边框颜色，厚度和填充。我目前认为我应该声明一个全局CSS类来控制表的边框和填充，然后使用内联样式来指定表的宽度。

E.g ＆lt; table class =“default”style =“width：320px;”＆gt;

我的方法适用吗？

Answer 1

是的，您可以声明一个全局CSS类并在所有表中使用它。它适用于所有表格。

Answer 2

我认为你在这里误解了一些东西。如果你这样做：

<table class = "default" style = "width: 320px;">

然后，对于课程width: 320px;的所有table，不应用default。它仅将其应用于具有style属性的特定元素。

如果您想要指定此类CSS而不必使用<link>个外部文件，则可以将CSS嵌入<style>个标记中：

.default { //or table, or whatever your selector is
    width: 320px;
}

如果要为具有不同default的班级width设置特定表格的样式，请为其指定另一个班级（class = "default width320"）并执行：

.default.width320 { //selects element with BOTH default and width320 classes
    width: 320px;
}

Read more about CSS selectors here和selector specificity here。

编辑：如果您只想设置特定的表格，那么您的方法相对较好。但是，我建议在一个地方使用类并合并你的样式（无论是.css文件还是内联<style>定义） - 它比分散的style属性定义更易于维护和整洁。

编辑2：使用style属性绝对正确。这更多的是个人选择问题。如果您确定这不会导致可维护性问题（'Hey, why is my table 320 pixels wide? I don't see anything in my CSS file that does that'），那就去吧。这是style属性的用途。

Answer 3

我相信在你的情况下它是正确的方法。在正确使用外部类“default”时，通过在所有表中使用它并指定与特定元素内联的不同宽度。

Answer 4

这只是一个问题，因为在大多数情况下，如果你已经完成了一次，那么你将再次想要这样做。现在，您有两个相同的style属性。而且，它们都应该是红色的。哦，我需要这些表中的第三个。而且，等等，他们应该有点瘦......

另一方面，如果你使用一次性课程，你可以在下一张桌子上拍它。或者你可以比较所有十个表并从一个地方调整它们等等。

违反原则的问题在于原则往往来之不易。：）

CSS内联样式，用于非GLOBALLY使用的属性

4 个答案: