[分享]css中h1 p没效果

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

当我们使用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;
} 

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