所在位置：
首页 >
营销资讯 >
网站运营 > web前端入门到实战：HTML中关于class内容空格多类名的问题详解
web前端入门到实战：HTML中关于class内容空格多类名的问题详解
时间：2023-09-14 05:06:01 | 来源：网站运营
时间：2023-09-14 05:06:01 来源：网站运营
web前端入门到实战：HTML中关于class内容空格多类名的问题详解：
问：像
class="info fl" 这种class定义是何意思？
答：这里的空格隔开后，它们所代表的是两个类名，分别为info和fl。
问：这样写的意义何在？都放到一个类名里不是也可以吗？
答：一个是肯定可以的，但是这样写更侧重于
CSS的模块化设计，可以减少css的重复代码，提高类的复用性。
问：那么class这块，一次可以放多少个类名呢？（以空格分隔）
答：没有限制，但一般不超过10个，最起码多了我是没怎么见过。
问：如果同时写了多个，它们的优先级是怎样的呢？
答：如果它们之中有重复属性定义，那么后面的会覆盖前面的。
问：class可以这样写，id呢？可以吗？
答：可以，但是没有任何意义，因为一个页面id不允许重复，也就谈不上重用性了。
在学习上有什么疑问随时可以找我我，与大家分享互联网web前端实战操作，无论你是否有基础，我都欢迎。点：前端技术分享
在线咨询
