css 中两个class之间没有空格与有空格有什么区别

CSS guotie 发表于 8 年前最后回复来自 qq2850071112 6 年前

例如:
.ui.item {....}


.ui .item {....}

之间按有区别吗?如果有,请解释一下,谢谢!

共收到5条回复
guokai 8 年前 #1

前者:.ul.item

<div class="ul item">

</div>

后者:.ul .item

<div class="ul">
    <div class="item"></div>
</div>
lingyired 8 年前 #2

1L 已经说得详细了,简单的说

没空格的( .ui.item )匹配的是同时拥有两个class 的元素

有空格的( .ui .item )匹配的是在.ui 内的.item

guotie 8 年前 #3

那 .ui > .item
匹配的是什么呢?

fantasyshao 8 年前 #4

@guotie .ui直接子元素.item

haorooms 7 年前 #5

@guotie 您好,是class ui下面的class item ,“>”这个符号是子类的意思,有事情可以去我的博客上看看关于css的文章,希望对你有帮助!http://www.haorooms.com/tag/css

登录后即可参与回复