有没有办法将 CSS 页面包含为标签的样式？答案

【问题标题】：Is there a way to include a css page as styling for a tag?有没有办法将 CSS 页面包含为标签的样式？
【发布时间】：2013-10-31 17:37:02
【问题描述】：

我想知道是否有一种方法可以使用特定的 CSS 页面作为标签的样式。例如，而不是

<div class="header" style="position: absolute; text-align:left; right: auto; margin: 0 auto 20px; z-index: 1; width: 60%; height: auto; left:9%">

有没有办法为 div 标签指定 style.css？

例如，
此 style.css 必须仅适用于上面的 div 标签。另外，该div标签中包含的所有标签是否可以跟随同一个指定的css页面？

【问题讨论】：

标签： html css

【解决方案1】：

把它放在页面的标题中

<head>
     <link rel="stylesheet" href="/styles.css" type="text/css">
</head>

【讨论】：

这不是我想要的答案。我的意思是只为标签或最好是其中的所有标签的样式表。
那么你的答案是否定的。您不能专门为一个标签及其子标签指定某个文件。但是，您可以给 div 一个特定的 id 并使用它来区分您的样式表
我实际上一直在阅读有关w3.org/TR/2002/WD-css-style-attr-20020515 的信息。 2.4 声明可以使用 css 文件，但似乎无法正常工作。
@Prajeeth Emanuel: sigh stackoverflow.com/questions/9884182/… w3.org/TR/css-style-attr
@Pastor Bones：这绝非新鲜事。已经 11 岁了。

【解决方案2】：

如果您想为页面指定样式，请在呈现页面时包含该 CSS。

如果您想有多种方式呈现特定标签，请区分标签。

我不知道可以直接应用于 CSS 的条件逻辑。

【讨论】：

【解决方案3】：

HTML：（把这个放在头上）

<link href='style.css' rel='stylesheet' type='text/css'/>

CSS：（在 style.css 文件中）

div.header{
    //your style here
}

或者没有类：

div{
    //your style here
}

但如果没有类，它将获得所有 div 标签，所以我推荐第一个代码

【讨论】：

【解决方案4】：

你可以创建你想要的 CSS 页面，然后在里面创建你想要的样式像这样的

div > table {

padding: 5px;

}

这将使 div 的填充为 5，而它的子表的填充为 5

【讨论】：