1

主要文件：

home.html（访问：只读）

...

    <h1>Heading 1</h1>

...

externalFile.css（访问：只读）

.tagh1 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: bold;
}

myfile.css（访问：读/写）

h1 {
  color: #08C;
}

如何.tagh1在 CSS 规则 (myfile.css) 中包含 (externalFile.css) 的h1样式，而无需将它们从一个文件复制粘贴到另一个文件？

逻辑答案：

h1 {
  color: #08C;
  /* Just copy and paste them */
  margin: 10px 0;
  font-family: inherit;
  font-weight: bold;
}

但我不能这样做:)

编辑：

我认为它可能是这样的：

.tag1 {
  property1: value1;
  property2: value2;
}

.tag2 {
  include(.tag1); /* or something */
  property3: value3;
}

避免重复代码。

4

1 回答 1

4

如果我正确理解了这个问题，那么您已经在页面中包含了这两个 CSS 文件，并且您希望在没有必要 CSS 类的 H1 标记上重新使用第一个 CSS 规则。而且它不是编辑 HTML 文件或第一个 CSS 文件的选项。

CSS 本身不提供您正在寻找的重用类型。像LESS或SASS这样的动态样式表语言可能会，但考虑到您网站的限制（只读文件），这可能不是一个选项。

如果 JavaScript 或 jQuery 是一个选项，您可以动态地将.tagh1类添加到h1元素中，而无需接触 HTML 源代码。

jQuery

$(document).ready(function(){
    $('h1').addClass('tagh1');
});

那么上述两个 CSS 规则都将应用于 H1 元素。

是否有.js您具有写入权限的文件？如果是这样，请在此处添加上述代码。如果没有，您必须将 CSS 样式复制并粘贴到第二个 CSS 文件中。

于 2013-03-15T01:38:23.807 回答