- Objective:
- Breadcrumb:
# 概念阐释
在两个元素之间使用 ➕号,代表着两个元素处于同一级别,是同一个父级元素下的兄弟元素。
```css
兄弟元素1 + 兄弟元素2 { ... }
```
# 实例
用兄弟选择器,让 substituting这句话的margin-bottom为50px;
```html
<div id="main-content" class="container">
<h2 id="menu-categories-title" class="text-center">Menu Categories</h2>
<div class="text-center">
Substituting white rice with brown rice or fried rice after 3:00pm will be $1.50 for a pint and $2.50 for a quart.
</div>
```
```css
#menu-categories-title + div {
margin-bottom:50px;
}
```
# 相关内容
只能用于第一个元素和第二个元素,后面的元素不会有改变。
# 参考资料