Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS特殊性:标记选择器覆盖类选择器_Html_Css - Fatal编程技术网

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可

我对web开发还不熟悉,而且在CSS中遇到了一个问题。根据CSS的特殊性,它遵循内联>id选择器>类选择器>标记选择器>浏览器默认设置,但在我的例子中,标记选择器覆盖了类选择器,我没有得到所需的输出。 我的HTML和CSS代码是

p{
字体系列:“Lucida Sans”、“Lucida Sans Regular”、“Lucida Grande”、“Lucida Sans Unicode”、日内瓦、Verdana、无衬线;
}
.弹簧靴{
字体系列:草书;
}

弹簧靴
SpringBoot可以轻松创建独立的、生产级的、基于Spring的应用程序,您可以“直接运行”

阅读并仔细阅读
还要注意,CSS是级联的,这意味着如果您使用具有类似特性的选择器,那么您稍后在CSS文件中定义的选择器将优先于您之前定义的规则集。

通常,如果您有冲突的规则集,即当选择器具有同等重要性时,您将无法获得所需的输出。检查并确保css文件中没有这种情况。

这是因为目标元素是具有目标类的元素的子元素

对于您预期的行为,可以将类移动到实际的
p
元素
.spring boot
,或者向类选择器添加更精确的值,类似这样的
。spring boot p
以该类的子级为目标