资讯专栏INFORMATION COLUMN

HTML中关于class内容空格多类名的问题详解

warmcheng / 1949人阅读

摘要:之所以想谈谈这个,是因为下午徒弟在写代码的时候看到这个情况,不明所以。问像这种定义是何意思答这里的空格隔开后,它们所代表的是两个类名,分别为和。

之所以想谈谈这个,是因为下午徒弟在写代码的时候看到这个情况,不明所以。在给他解答后感觉有必要这这里大概的说一下。

:像 class="info fl" 这种class定义是何意思?

:这里的空格隔开后,它们所代表的是两个类名,分别为info和fl。


:这样写的意义何在?都放到一个类名里不是也可以吗?

:一个是肯定可以的,但是这样写更侧重于CSS的模块化设计,可以减少css的重复代码,提高类的复用性。


:那么class这块,一次可以放多少个类名呢?(以空格分隔)

:没有限制,但一般不超过10个,最起码多了我是没怎么见过。


:如果同时写了多个,它们的优先级是怎样的呢?

:如果它们之中有重复属性定义,那么后面的会覆盖前面的。


:class可以这样写,id呢?可以吗?

:可以,但是没有任何意义,因为一个页面id不允许重复,也就谈不上重用性了。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/50107.html

相关文章

  • HTML中关class内容空格类名问题详解

    摘要:之所以想谈谈这个,是因为下午徒弟在写代码的时候看到这个情况,不明所以。问像这种定义是何意思答这里的空格隔开后,它们所代表的是两个类名,分别为和。 之所以想谈谈这个,是因为下午徒弟在写代码的时候看到这个情况,不明所以。在给他解答后感觉有必要这这里大概的说一下。 问:像 class=info fl 这种class定义是何意思? 答:这里的空格隔开后,它们所代表的是两个类名,分别为info和...

    jasperyang 评论0 收藏0
  • CSS选择器

    摘要:五后代选择器包含选择器后代选择器可以选择作为某元素后代的元素。匹配下所有的元素匹配所有为的下所有的元素匹配成功匹配失败注意有关后代选择器有一个易被忽视的方面,即两个元素之间的层次间隔可以是无限的。子元素选择器,选择其子元素。 CSS选择器是学习CSS的一个核心部分,HTML页面中的元素就是通过CSS选择器来进行控制的,熟练使用CSS选择器能迅速根据文档结构对文档样式进行一对一,一对多或...

    vvpale 评论0 收藏0
  • 深入理解原型模式 ——通过复制生成实例

    摘要:定义给出的原型模式定义如下使用原型实例指定将要创建的对象类型,通过复制这个实例创建新的对象。具体原型类角色负责实现复制现有实例并生成新实例的方法。 Java面试通关手册(Java学习指南,欢迎Star,会一直完善下去,欢迎建议和指导):https://github.com/Snailclimb/Java_Guide 系列文章回顾: 设计模式专栏深入理解单例模式深入理解工厂模式 深入理解...

    Pocher 评论0 收藏0
  • 前端技术之_CSS详解第二天

    摘要:前端技术之详解第二天华文中宋基础选择器负责结构,负责样式,负责行为。微软雅黑浏览器的市场占有率浏览器打分儿子选择器测试工具的儿子。表示选择下一个兄弟微软雅黑选择上的是元素后面紧挨着的第一个兄弟。前端技术之_CSS详解第二天 1、css基础选择器 html负责结构,css负责样式,js负责行为。 css写在head标签里面,容器style标签。 先写选择器,然后写大括号,大括号里面是样式。 ...

    番茄西红柿 评论0 收藏0
  • jQuery 属性与样式

    摘要:与中用方法来获取和设置元素属性是属性的缩写,在操作中会经常用到有个表达式传入属性名获取属性的值属性名属性值设置属性的值属性名函数值设置属性的函数值给指定元素设置多个属性值,即属性名一属性值一属性名二属性值二删除方法为匹配的元素集合中的每个元 .attr()与.removeAttr() jQuery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在j...

    yibinnn 评论0 收藏0

发表评论

0条评论

warmcheng

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<