Question

不使用锚点（href）标记。我想应用这个“＆gt;”在MORE之后更多的id之后的内容。

#morer a:after {
  content: " >";
  height: 10px;
  width: 20px;
  color: black;
}

<nav>
  <a id="logo" href="#">MASHABLE </a>
  <a href="#">VIDEO </a>
  <a href="#">ENTERTAINMENT </a>
  <a href="#">CULTURE </a>
  <a href="#">TECH </a>
  <a href="#">SCIENCE </a>
  <a href="#">BUSINESS </a>
  <a id="morer" href="#">MORE </a>
</nav>

Answer 1

你的选择器应该是

#morer:after

这将寻找

<element id="morer" :after>

不是：

#morer a:after

这是在寻找

<element id="morer">
  …
    <a :after>

工作示例

＆＃13;

#morer:after {
  content: " >";
  height: 10px;
  width: 20px;
  color: black;
}

＆＃13;

<nav>
  <a id="logo" href="#">MASHABLE </a>
  <a href="#">VIDEO </a>
  <a href="#">ENTERTAINMENT </a>
  <a href="#">CULTURE </a>
  <a href="#">TECH </a>
  <a href="#">SCIENCE </a>
  <a href="#">BUSINESS </a>
  <a id="morer" href="#">MORE </a>
</nav>

＆＃13;

Answer 2

#morer a:after正在寻找 #morer元素后的锚标记。

尝试将css声明修改为：

a#morer:after {
content:" >";
height:10px;
width:20px;
color:black;
}

a已在id之前移动，以允许在单一声明中使用attribute和id。

为什么锚标签不能使用：之后或：伪类之前？

2 个答案: