说 element1, element2 display: inline block; 和 element1 + element2 (display: inline block;) 有啥区别？ [复制

Posted 2023-03-06

【中文标题】说 element1, element2 display: inline block; 和 element1 + element2 (display: inline block;) 有啥区别？ [复制]

【英文标题】：What's the difference between saying element1, element2 display: inline block; and element1 + element2 (display: inline block;)? [duplicate]说 element1, element2 display: inline block; 和 element1 + element2 (display: inline block;) 有什么区别？ [复制]

【发布时间】：2014-01-02 17:28:30

【问题描述】：

有什么区别

 element1, element2 display: inline block;

和

element1 + element2 (display: inline block;)

在显示方面？

【参考方案1】：

element1 , element2: 两个元素具有相同的类（样式），你也可以这样做：

element1, element2 display: inline block;

或

element1 display: inline block;
element2 display: inline block;

element1 + element2：+ 代表下一个兄弟，所有 element2 紧跟在 element1 之后

【讨论】：

第二个打错了，不是针对element2之后的所有element1，而是针对element1之后的所有element2

【参考方案2】：

"+" 是相邻兄弟选择器。它将选择任何元素 DIRECTLY AFTER 元素（不是子元素或父元素，而是兄弟元素）。