为什么呢呢呢!

来源:8-3 再选一个类 - 类选择器

慕仰8137739

2017-07-17 11:01

为什么要用类选择器,直接使用普通的选择器加上内联样式不是更方便吗

写回答 关注

6回答

  • 阳火锅
    2017-11-13 23:40:06

    首先来看class是为了解决什么问题的?

    如果只是按照标签来设置css样式,比如<p> 标签,那么html中的所有<p>标签都会改变成同样的样式

    那么问题来了,如果有三个p标签,其中两个字体是红色,另外一个字体是绿色怎么设置呢?当然可以选择内联css样式,但是这样不易于查找管理,意义也不明确。在复杂的html中缺点尤其明显(比如10个<p>,多种样式,那么代码就是一团乱)



    这种情况下就引入了 class的概念


    class  类的意思:物以类聚,人以群分

    <p class="red">那么就可以对class都是red的<p>统一设置。一次处理多个标签的样式

    后面还会有id,更准确的定位到具体的内容,因为id是唯一的(也就是标签的id都要设置为不一样的)




  • 临下
    2017-10-19 16:30:02

    你现在看到的只是学习网的简单的代码示例,如果后期去做一个像腾讯网那样的页面,你还用内联的话,你会把自己逼疯的!

  • 小蚂蚁么么哒
    2017-07-18 15:02:29

    首先你学习完样式了吗?知道样式的重要性吗?

    如:

    <div style="coloe:red ; font-size:12px;  font-family:宋体 ; width:100px;  height:50px;  margin:0;"></div>这样的,在笨的学者都希望程序不要多只要好且能看懂,你定义了一个ID或者class就可以在body里面随便引用了

    告诉你答案了你也不给人家分,以后不告诉你了,真吝啬

  • 慕粉1606344302
    2017-07-17 14:23:03

    直接使用普通的选择器当你代码多了以后不好管理,用类选择器就是方便后期的管理修改和更新。一个大型的网站,代码可能有几千上万行,全用内联式增加工作量和代码重复量,不便于后期的管理。

  • 慕少3012729
    2017-07-17 11:20:07

    当然是可以的啊!但是想一下,如果用内联样式,在定义一个<div>以后,就在后面接上各种定义,比如<div style="coloe:red ; font-size:12px;  font-family:宋体 ; width:100px;  height:50px;  margin:0;"></div>好不容易定义完一个div,还要无数个div等着你去定义,那么这一个页面里面就会特别乱,你也不知道自己到底定义了几个逻辑块,这样结构不清楚。如果用类选择器,界面没有那么乱,逻辑会清楚一点。

  • taylor14
    2017-07-17 11:06:59

    复杂的页面里,内联的不适合统一管理,通常都是用额外的.css确定样式的

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1226138 学习 · 18236 问题

查看课程

相似问题