css中a标签的层次

CSS中的a标签是一个十分重要的标签，因为它可以用来实现页面链接和锚点等功能。不过如果只是简单的绑定href属性的地址链接，a标签的用途就太过陈旧，而且对于页面设计也没有任何贡献。因此我们需要利用a标签的样式属性，通过CSS样式控制a标签的层次关系，来给页面设计带来更多的多样性。

a {
  color: #0000ff;
  text-decoration: none;
}
a:hover {
  color: #ff0000;
  text-decoration: underline;
}
a:visited {
  color: #800080;
}

ul li a {
  display: block;
  padding: 10px;
}
ul li a:hover {
  background-color: #555;
  color: #fff;
}
ul li.current a {
  background-color: #0000ff;
  color: #fff;
} 

对于a标签的样式属性，我们可以通过常规的几个属性来进行设置。首先是color属性，用来设置a标签的字体颜色。同时，我们可以借助text-decoration属性的值来设置下划线、删除线等。当然，在鼠标经过链接时，我们也可以通过a:hover的样式来进一步改变链接的颜色和下划线样式。

除了样式属性以外，我们还可以通过选择器的方式来控制a标签的层次。例如，在ul标签的li子元素中，我们可以通过ul li a的样式属性来设置链接的样式。在这个规则中，我们设置了display属性为block，让链接具有块级元素的特性，方便我们进行布局调配。同样，我们可以在a:hover样式中指定背景色和文字色，来进一步改变链接的样式。

此外，我们还可以通过添加类名的方式，来针对当前链接设置特有的样式。例如，我们在li元素中添加了一个名为current的类名，就可以通过ul li.current a来针对当前链接做出特有的样式设定，如设置背景色和文字色等等。

综上所述，通过CSS样式控制a标签的层次关系，可以让我们的页面设计更加多样化，并且符合视觉设计的要求。