美文网首页
为什么有时候要给一个元素写很多个类名

为什么有时候要给一个元素写很多个类名

作者: houxnan | 来源:发表于2019-12-12 15:00 被阅读0次

在看一些人写的代码的时候,经常会给同一个元素起很多个类名,为什么呢?

我想应该是做项目时,有些元素是有一些公共样式的,所以起很多类名,相同类名可以共用样式。写个简单的例子:

一个div有2个类名,给box1和box2分别加上样式,最后div显示的是box1和box2的样式。

现在有另外一个div,类名为box2和box3,想给div一个黄色背景色,但是宽高和上一个div不同,则只需给box3这个类名设置宽高即可。

附一个实例:

一个页面中有很多的button,给这些button设置样式:

所有btn都有公共样式,所以给所有button一个btn的类名,用来设置公共样式,再给不同button起另一个类名,设置每一个button专属的样式

相关文章

  • 为什么有时候要给一个元素写很多个类名

    在看一些人写的代码的时候,经常会给同一个元素起很多个类名,为什么呢? 我想应该是做项目时,有些元素是有一些公共样式...

  • 选择器

    通配选择器 * (星号)这个选择器可以与任何元素匹配 类选择器 .类名来设置属性,一个元素可以有多个class类名...

  • jQuery类操作

    添加类addClass():可对元素添加一个或多个类 删除类addClass():可删除元素的一个类或多个类或所有...

  • jqery 简单html/css 方法

    addClass() 向备选元素添加一个或多个类名before() 在被选元素前插入内容after() 在被选元...

  • css笔记1:基础属性

    选择器 class(类选择器)和id(选择器) class:类选择器,类名自己指定,多个元素可拥有同一个类名,类选...

  • jQuery源码解析之addClass(),removeClas

    一、$().addClass()作用:向目标元素添加一个或多个类名 源码: 解析:(1)getClass()作用:...

  • 2.0 css样式

    1. 权重问题深入 同一个元素,携带了多个类名,和类名的顺序无关,只和CSS顺序有关; !important标记,...

  • 样式表的类名太多,怎样避免发生覆盖或冲突

    对于单个网页来说,css类名发生覆盖或冲突的几率比较小。对于包含多个网页的项目来说,经常需要给很多个类命名。这些类...

  • CSS选择器

    1. class 和 id 的使用场景? class适用于类选择器,设置元素的class属性,为元素指定类名。多个...

  • Day06(三目运算,数组添加和删除,demo 旋转风车)

    className 类名 添加类名:元素.className=’main’;移出类名:元素.className=’...

网友评论

      本文标题:为什么有时候要给一个元素写很多个类名

      本文链接:https://www.haomeiwen.com/subject/qvktnctx.html