Html CSS特殊性:标记选择器覆盖类选择器
我对web开发还不熟悉,而且在CSS中遇到了一个问题。根据CSS的特殊性,它遵循内联>id选择器>类选择器>标记选择器>浏览器默认设置,但在我的例子中,标记选择器覆盖了类选择器,我没有得到所需的输出。 我的HTML和CSS代码是Html CSS特殊性:标记选择器覆盖类选择器,html,css,Html,Css,我对web开发还不熟悉,而且在CSS中遇到了一个问题。根据CSS的特殊性,它遵循内联>id选择器>类选择器>标记选择器>浏览器默认设置,但在我的例子中,标记选择器覆盖了类选择器,我没有得到所需的输出。 我的HTML和CSS代码是 p{ 字体系列:“Lucida Sans”、“Lucida Sans Regular”、“Lucida Grande”、“Lucida Sans Unicode”、日内瓦、Verdana、无衬线; } .弹簧靴{ 字体系列:草书; } 弹簧靴 SpringBoot可
p{
字体系列:“Lucida Sans”、“Lucida Sans Regular”、“Lucida Grande”、“Lucida Sans Unicode”、日内瓦、Verdana、无衬线;
}
.弹簧靴{
字体系列:草书;
}
弹簧靴
SpringBoot可以轻松创建独立的、生产级的、基于Spring的应用程序,您可以“直接运行”
阅读并仔细阅读
还要注意,CSS是级联的,这意味着如果您使用具有类似特性的选择器,那么您稍后在CSS文件中定义的选择器将优先于您之前定义的规则集。
通常,如果您有冲突的规则集,即当选择器具有同等重要性时,您将无法获得所需的输出。检查并确保css文件中没有这种情况。这是因为目标元素是具有目标类的元素的子元素 对于您预期的行为,可以将类移动到实际的
p
元素.spring boot
,或者向类选择器添加更精确的值,类似这样的。spring boot p
以该类的子级为目标