CSS类别选择器加不加空格有什么区别?

 我来答
Dreaki1
2021-07-14
知道答主
回答量:2
采纳率:0%
帮助的人:1049
展开全部
加空格表示子选择器(父元素下面的子元素)
.con .a{
color: red;
}
<div class = "con"><div class = "a">子元素</div></div>
不加空格表示元素同时包含这两个类才会生效(同一级元素,多个命名)
.con.b{
color: bule;
}
<div class = "con b"></div>
一个class可以 写多个命名,(可以只调用其中一个命名来添加样式)中间用空格隔开。
主要作用,是把样式相同的写在一个class类里面。避免代码重复编写,类似于JavaScript中的工厂模式的作用。
zy4288305
推荐于2019-09-14 · TA获得超过1642个赞
知道答主
回答量:142
采纳率:100%
帮助的人:5.5万
展开全部

空格主要是为了区别不同的class类。如下示例:

  1. <div class="one two tre"></div>
  2. <div class="onetwotre"></div>

在这个示例中,第一个div会被解析为有one、two、tre这三个类,第二个div会被解析为只有onetwotre这一个类。

CSS3 选择器 在CSS 中,选择器是一种模式,用于选择需要添加样式的元素。 "CSS" 列指示该属性是在哪个 CSS 版本中定义的。(CSS1、CSS2 还是 CSS3。)

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式