- 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; } ``` # 相关内容 只能用于第一个元素和第二个元素,后面的元素不会有改变。 # 参考资料