子组合器 >
css
/* 选择属于“my-things”类的无序列表(ul)的直接子列表元素(li) */
ul.my-things > li {
margin: 2em;
}
列组合器 ||
css
/* 属于“selected”列的表格单元格 */
col.selected||td {
background: gray;
}
后代选择器 空格
css
/* List items that are descendants of the "my-things" list */
ul.my-things li {
margin: 2em;
}
相邻兄弟组合器 +
css
/* 图片后面紧跟着的段落将被选中 */
img + p {
font-weight: bold;
}
后代兄弟选择器 ~
css
/* 在任意图像后的兄弟段落 */
img ~ p {
color: red;
}
选择器列表 ,
css
span,div {
border: red 2px solid;
}