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

在我的css文件中

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

样式属性显示和列表样式类型在“ 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>

最佳答案

看来您在此处定位了错误的元素-基本上<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;
}

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

关于css - CSS属性不会影响<li> joomla 3.6中的<a>链接，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50321003/