CSS 特定 id 伪类的属性？

Question

任何人都知道如何将 css 属性应用于 a 标签，但仅当它位于某个 div 中时？我希望 .router_li div 具有悬停效果，但任何其他链接。我不确定这叫什么。

我觉得这叫伪类，我做的不对。 我试过这个:

a:router_li:hover{
  background-color:yellow;
  width: 200px;
  height: 60px;
  background-color: #2c5fac;
  border: 1px;
  border-color: #FFFFFF;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-style:solid;
  border-width:1px;
  color: white;
}

Answer 1

ID、类和伪类是不同的东西，CSS 对这三者都有不同的表示法:

• > ID selector
• > Class selector
• > Pseudo-class

如果你想应用这个特殊的 :hover (这是一个伪类)仅当 a 时是 div与类 router_li (如 <div class="router_li"> )，使用

.router_li a:hover

不过那是一个类；如果它是一个 ID(如 <div id="router_li"> )，使用

#router_li a:hover

在这两种情况下，router_li不是伪类，因为它是在标记中而不是在 CSS 中定义的，所以 :router_li在您的代码中无效。另请注意，ID/类(无论是哪个)位于 a:hover 之前- 这称为上下文选择器( a 仅当它位于某个 div 中时)。