css属性不会影响<;a>;内部链接<;李>;约姆拉3.6
在我的css文件中,我有css属性不会影响<;a>;内部链接<;李>;约姆拉3.6,css,joomla,html-lists,Css,Joomla,Html Lists,在我的css文件中,我有 .myclass > ul > li > a { display:inline; list-style-type:none; } 此样式属性显示和列表样式类型在“a”标记内均不起作用。但是,如果将它们放在“li”中,它们就可以工作,而“li”不起作用,因为我需要水平对齐的链接。请告知可以做什么 <div class="myclass"> <ul> <li><a href="">About U
.myclass > ul > li > a {
display:inline;
list-style-type:none;
}
此样式属性显示和列表样式类型在“a”标记内均不起作用。但是,如果将它们放在“li”中,它们就可以工作,而“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>
看起来您在这里瞄准了错误的元素-本质上
的列表样式类型为none,并且已经内联,因此您看不到任何事情发生<代码>列表样式类型将影响,而不是
:
为了使这一点更清楚,您还可以尝试添加一个对
元素有可见影响的属性,如颜色:
.myclass > ul > li > a {
display:inline;
list-style-type:none;
color: hotpink;
}
然后,您将看到选择器正在工作,只是没有任何影响。a标记具有列表样式类型none,但它没有删除无序列表项附带的圆圈或磁盘
.myclass > ul > li > a {
display:inline;
list-style-type:none;
color: hotpink;
}