网页前端后台技巧(CSS+HTML)让前端飞

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

2019-11-23  本文已影响0人  大前端世界

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

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


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

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


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

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


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

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


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

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

上一篇下一篇

猜你喜欢

热点阅读