CSS选择器别全用class:三个常用选择器,代码干净好维护

3个月前 (08-10 14:20)阅读1回复0
genmulu
genmulu
  • 管理员
  • 注册排名1
  • 经验值3465
  • 级别管理员
  • 主题693
  • 回复0
楼主

新手写CSS,不知道选什么元素,全用div加class,页面写得乱七八糟,今天说最常用的三个CSS选择器,写样式快很多。

标签选择器

所有p标签统一设字体,直接写p {},不用给每个段落加class,全局统一样式,简单。

类选择器

通用组件用class,比如.btn、.card,哪个元素需要加这个样式,就加个class,复用方便,全站的按钮都用同一个.btn类,改一处全站生效。

ID选择器

页面唯一的元素,比如头部#header、底部#footer,用ID选,别给多个元素用同一个ID,样式不生效。

写CSS别一上来就全用class,标签样式用标签选择器,组件用class,唯一元素用ID,代码干净好维护。

本站源码来源于网络收集修改或者交换,甚至可能并非原创,如遇未经考证信息需持审慎态度。若有疑问,可联系本站处理。

本文地址:https://www.genmulu.cn/genmulu/253.html

0
回帖

CSS选择器别全用class:三个常用选择器,代码干净好维护 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息