css 属性不影响 <li> joomla 3.6 中的 <a> 链接

Question

在我的css文件中有

.myclass > ul > li > a {
  display:inline;
  list-style-type:none;
}

此样式属性 display 和 list-style-type 都不适用于“a”标签。但是，如果将它们放在“li”中，它们会起作用，但不能达到目的，因为我想要水平对齐的链接。请告知可以做什么。

<div class="myclass"> 
<ul> 
<li><a href="">About Us </a></li>
<li><a href="">About Us </a></li>
<li><a href="">About Us </a></li>
</ul>
</div>

Answer 1

看起来您在此处定位了错误的元素 - 本质上是 <a>有一个 list-style-type没有并且已经内联了，所以你看不到任何事情发生。 list-style-type是会影响 <li> 的东西而不是 <a> :

.myclass > ul > li {
  display: inline;
  list-style-type: none;
}

为了使这一点更清楚一些，您还可以尝试添加一个会对您的 <a> 产生明显影响的属性。元素，如颜色:

.myclass > ul > li > a {
  display:inline;
  list-style-type:none;
  color: hotpink;
}

然后您会看到您的选择器正在工作 - 它只是没有任何影响。