css易混淆的选择器

(1)相邻兄弟选择器(Adjacent sibling selector)(+)

可选择紧接在另一元素后的元素,且二者有相同父元素
用一个结合符只能选择两个相邻兄弟中的第二个元素








  • List item 1
  • List item 2
  • List item 3
  1. List item 1
  2. List item 2
  3. List item 3
css易混淆的选择器_第1张图片
捕456546获.PNG

紧邻的兄弟元素字体发生了变化,有序列表的item1与无序列表的item3不是同一个父级,所以无变化

(2)选中具有多个类的元素
image.png

你可能感兴趣的:(css易混淆的选择器)