CSS动态伪类选择器

CSS动态伪类选择器是一种特殊的CSS伪类，它们不是基于元素的静态状态，而是基于某些特定的条件或行为来匹配元素。这种伪类通常在JavaScript或jQuery等脚本配合下使用，因为它们是动态生成的，依赖于页面交互或用户操作。最常见的动态伪类是`:active`和`:hover`，但现代浏览器也支持一些高级用法，比如`:focus-within`。

1. `:active`: 当元素正在被用户交互（如点击）时应用，例如按钮在被按下时的状态。
2. `:hover`: 当鼠标指针悬停在元素上时应用，常用于创建鼠标悬停效果。
3. `:focus-within`: 当元素获得了焦点，并且焦点还在它的子元素内部时，即使子元素获得了焦点，这个父元素也会保持`:focus`状态。
4. `:target`: 匹配当前文档URL中的哈希部分所对应的元素，常用于锚点链接。

要使用这些动态伪类，通常需要结合JavaScript来动态地更新元素的CSS类，或者利用事件监听器来触发样式变化。例如：

button:active {
  background-color: red;
  color: white;
}

#myDropdown:hover .dropdown-menu {
  display: block;
}