子组合器 >

/* 选择属于“my-things”类的无序列表（ul）的直接子列表元素（li） */
ul.my-things > li {
  margin: 2em;
}

列组合器 ||

/* 属于“selected”列的表格单元格 */
col.selected||td {
  background: gray;
}

后代选择器 空格

/* List items that are descendants of the "my-things" list */
ul.my-things li {
  margin: 2em;
}

相邻兄弟组合器 +

/* 图片后面紧跟着的段落将被选中 */
img + p {
  font-weight: bold;
}

后代兄弟选择器 ~

/* 在任意图像后的兄弟段落 */
img ~ p {
  color: red;
}

选择器列表 ,

span,div {
  border: red 2px solid;
}