后代选择器与子选择器

• 后代选择器使用空格定义，子选择器使用大于号（>）定义。
• 子选择器是特殊的后代选择器，应出现在后代选择器之后。否则，效果被后代选择器覆盖。

同时应用后代选择器和子选择器样式 同时应用后代选择器和子选择器样式 不会应用子选择器样式，但会应用后代选择器样式 同时应用后代选择器和子选择器样式

交集选择器与并集选择器

• 交集选择器由两个选择器构成，第一个为标签选择器，第二个为class选择器或id选择器，两个选择器之间不能有空格。
• 并集选择器由多个选择器通过逗号连接而成，任何形式的选择器都可以作为并集选择器的一部分。

伪类选择器

• 伪类选择器以冒号（:）开头，用于选择元素的特定状态或特定位置，而不是通过 DOM 树中的明确位置来选择。
• :hover 当用户鼠标悬停在元素上时，应用样式。鼠标悬停后，按钮变成蓝底白字
• :after 向选定的元素之后插入内容，使用content属性来指定要插入的内容。对a:after取消CSS样式注释进行测试。
• :focus 当元素获得焦点时应用样式。
• :last-child：选择父元素的最后一个子元素时应用样式。

  白日依山尽，

  黄河入海流。

  欲穷千里目，

  更上一层楼。