首页 > 解决方案 > 如何在不覆盖现有 CSS 的情况下包含多个 CSS?

问题描述

我正在使用模板 (A)。这有一些 CSS 文件,我想在这个模板中包含另一个模板 (B),另一个模板也有一些 CSS 文件。通过在 A 中包含模板 B 的 css,由于模板 B 的新 CSS,一些表单看起来有所不同。

如何在不替换某些表单的情况下包含两个模板的所有 CSS 文件.... 我可以为一个 CSS 设置优先级吗?或者有没有一种工具可以放置更多的 CSS 文件,将所有 CSS 文件压缩为一个?

或者我可以将一个 CSS 文件只用于一个 DIV 吗?

标签: htmlcsstemplates

解决方案


我不完全确定您要做什么。但是,假设您要将超过 1 个 css 文件链接到页面。您可以使用 CSS 选择器的优先级。例如,ID 比 Class 具有更高的优先级。您还可以使它们更具体。

例如:

body ul li span {
  Color: red;
}

Span {
  Color: blue;
}

这里的跨度应该是红色的


推荐阅读