美文网首页网页前端后台技巧(CSS+HTML)让前端飞
web前端入门到实战:HTML中关于class内容空格多类名的问

web前端入门到实战:HTML中关于class内容空格多类名的问

作者: 大前端世界 | 来源:发表于2019-11-23 21:40 被阅读0次

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

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


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

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


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

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


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

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


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

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

    相关文章

      网友评论

        本文标题:web前端入门到实战:HTML中关于class内容空格多类名的问

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