咸鱼粑粑
2017-07-20 11:36
请教各位大神 第7行到12行.stress{ color:red; } .setfreen{ color:green; } 这个有什么意义 表示不懂然后 上面的设置的是红色 下面设置是绿色 提交后依然是红色 这个怎么弄
这个是类选择器,.stress{ color:red; }这句是为标签的class=stress的写格式,同理下面的是为class=setGreen设置格式,注意看你的类是setGreen而不是setfreen
首先来看class是为了解决什么问题的?
如果只是按照标签来设置css样式,比如<p> 标签,那么html中的所有<p>标签都会改变成同样的样式
那么问题来了,如果有三个p标签,其中两个字体是红色,另外一个字体是绿色怎么设置呢?当然可以选择内联css样式,但是这样不易于查找管理,意义也不明确。在复杂的html中缺点尤其明显(比如10个<p>,多种样式,那么代码就是一团乱)
这种情况下就引入了 class的概念
class 类的意思:物以类聚,人以群分
<p class="red">那么就可以对class都是red的<p>统一设置。一次处理多个标签的样式
后面还会有id,更准确的定位到具体的内容,因为id是唯一的(也就是标签的id都要设置为不一样的)
初识HTML(5)+CSS(3)-升级版
1225811 学习 · 18234 问题
相似问题