p { color: red; }
1.选择器错误。在CSS中,选择器是用来选中HTML元素的标识符。如果选择器写错了,那么样式就无法应用到元素上。如上述代码中,大家定义了p元素的样式,但如果大家想给class为text的元素添加相同样式时,应该写成:
.text { color: red; }
2.样式优先级问题。CSS样式有一定的优先级,如果多个样式同时作用于同一个元素,则会按照优先级从高到低的顺序来应用样式。其中,行内样式优先级最高,之后是ID选择器,类选择器和属性选择器,最后是元素选择器。如果存在相同优先级的样式,则按照最后出现的样式来确定。比如,大家将p元素的颜色设为蓝色,并在其后添加了一个样式将颜色设为红色,则此时元素的颜色会被设置为红色。
p { color: blue; } p { color: red; }
3.样式文件未被正确引入。当大家将CSS样式定义在外部文件中,并想要应用样式到HTML页面上时,大家需要使用link标签将CSS文件引入到HTML页面上。如果大家未能正确引入样式文件,则样式自然就无法应用到HTML页面上了。
<head><link rel="stylesheet" href="style.css"></head>
综上可知,CSS样式不起作用的原因是多方面的。通过仔细检查选择器、优先级和文件引入等问题,大家一定能解决样式无法应用的问题。