时间戳

首页 > 解决方案 > CSS 中重要的替代方案？

html - CSS 中重要的替代方案？

问题描述

如果我有一个 css 文件，mystyle.css：

body {
font-family: OpenSans, Arial, sans-serif;
font-size: 14px;
}

.news {
width: 800px;
background-color: #99EBFF;
}

但我想为网站的特定部分覆盖它（在另一个 CSS 文件中，例如 cms-news-pages.css），例如：

.news {
padding: 2.5px;
width: 600px;
background-color: #FFE6B3 !important;
}

在不涉及太多代码意大利面条的情况下，什么是 !important 的更好选择？

如果有人可以建议我，我将不胜感激，尝试制作更清洁的 CSS 编码。

标签： htmlcss

解决方案

尝试使用父选择器给予更多的偏好

假设.news有父类名.news-container

然后你可以使用

.news-container .news {
    background-color: #FFE6B3;
}

这将覆盖 .css 的 css 属性.news。

推荐阅读