如何覆盖其他 CSS 样式?
How to override other CSS styles?
我正在使用这个名为 Stylus 的 Chrome 扩展程序,它允许我为任何网站使用自定义 CSS 工作表。我用它来使字体更大以便于阅读。这是我的代码:
body {
font-size: large;
}
不幸的是,这会得到不一致的结果。在某些网站上,它会根据需要使字体变大,但在许多网站上它没有任何效果,或者更糟的是它只会影响侧边栏中的字体大小。有没有办法让我的代码优先?我尝试使用 !important
,但结果仍然不一致。
尝试使用 *
这意味着所有 font-size
将应用于所有但在这种情况下样式未应用于所有网站可能是扩展问题或尝试更新您的扩展并激活它。
以下是 CSS 的代码,将相同的 font-size
应用于网站中的所有元素
*{
font-size: large;
}
而且你应该知道有很多网站拒绝这些扩展 运行 因为安全问题
实际创建任何样式 属性,低于另一个 属性 将实际覆盖它,
示例:
body{
font-size: large;
color: white;
}
/*Now creating a same style property will override the above style in the particular element*/
h1{
font-size: small;
color: grey
}
/*The styles from the body will be overridden for the h1 tags*/
/*For global */
*{
color: pink
}
/*This above block will override the styles declared for body*/
所有这一切都有效,因为 CSS 将遵循自上而下的方法,因此在渲染时将考虑在底部声明的样式,
其他方法是使用内联CSS,它们将覆盖所有样式。
我正在使用这个名为 Stylus 的 Chrome 扩展程序,它允许我为任何网站使用自定义 CSS 工作表。我用它来使字体更大以便于阅读。这是我的代码:
body {
font-size: large;
}
不幸的是,这会得到不一致的结果。在某些网站上,它会根据需要使字体变大,但在许多网站上它没有任何效果,或者更糟的是它只会影响侧边栏中的字体大小。有没有办法让我的代码优先?我尝试使用 !important
,但结果仍然不一致。
尝试使用 *
这意味着所有 font-size
将应用于所有但在这种情况下样式未应用于所有网站可能是扩展问题或尝试更新您的扩展并激活它。
以下是 CSS 的代码,将相同的 font-size
应用于网站中的所有元素
*{
font-size: large;
}
而且你应该知道有很多网站拒绝这些扩展 运行 因为安全问题
实际创建任何样式 属性,低于另一个 属性 将实际覆盖它,
示例:
body{
font-size: large;
color: white;
}
/*Now creating a same style property will override the above style in the particular element*/
h1{
font-size: small;
color: grey
}
/*The styles from the body will be overridden for the h1 tags*/
/*For global */
*{
color: pink
}
/*This above block will override the styles declared for body*/
所有这一切都有效,因为 CSS 将遵循自上而下的方法,因此在渲染时将考虑在底部声明的样式,
其他方法是使用内联CSS,它们将覆盖所有样式。