css中h1 p没效果

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

当我们使用CSS样式表时,有时会发现一些样式并没有生效,比如在设置h1或p标签的样式时,却发现它们并没有按照我们的期望改变样式。h1 { color: blue; } p { font-size: 2

当我们使用CSS样式表时,有时会发现一些样式并没有生效,比如在设置h1或p标签的样式时,却发现它们并没有按照我们的期望改变样式。

h1 {
   color: blue;
}

p {
   font-size: 20px;
} 

以上代码可以看出,我们想要把h1的文字颜色改成蓝色,将p标签字体大小设为20像素。但实际运行时,却并没有任何改变。

出现这种情况通常有以下原因:

1. CSS文件未正确引入。在HTML中引入CSS文件时,需要确保文件路径正确,并且CSS文件后缀名必须是.css。

2. 样式被其它样式所覆盖。如下面的代码,如果h1样式被更高级别的选择器所覆盖,那么它的颜色就不会被改变。

.special h1 {
    color: red;
} 

3. 样式选择器错误。注意要使用正确的选择器语法,如标签选择器、类选择器、ID选择器等。例如,下面的代码试图将类名为“text”的p标签字体颜色改为红色,但实际上类名为“test”的标签并不存在,因此修改p标签没有任何效果。

.test p {
    color: red;
} 

总之,要想样式生效,需要仔细检查样式文件和选择器语法。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中h1 p没效果

粉丝

0

关注

0

收藏

0

已有0次打赏