html - Joomla 菜单样式第一个子项

标签 html css menu joomla styling

我有一个菜单:

<li id="current" class="selected parent item556">
<a href="#">Parent</a>
<ul>
    <li class="item557">
        <a href="#">Child</a>
    </li>
    <li class="item558">
        <a href="#">Child</a>
    </li>
</ul>
</li>

而且我只想设置父元素“a”的样式,但它也会设置所有子元素的样式,因为它们在父“li”之下。 我试过类似的东西:

li#current a:first-child{
color: #F2F2F2;
}

没用,我如何只设置父级“a”的样式?

最佳答案

您可以使用直接子运算符 > 来定位链接(即仅直接在 li 元素中链接):

li#current > a

关于html - Joomla 菜单样式第一个子项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8485872/

相关文章:

html - 在html中拟合图像

firefox - CSS 过渡,通过负的顶部/左侧绝对位置

css - Wordpress 上每个菜单元素的不同背景

java - 模拟点击SWT中的菜单项

linux - 高级 Shell 脚本菜单

html - 如何使用 Flexbox 将元素移动到屏幕的不同侧面?

jquery - 当动态内容出现在其下方时,防止垂直居中的 DIV 移动

html - 带背景颜色的图像上出现边框线

javascript - 只有 Internet Explorer 给出错误 : 'document.getElementById(...)' is null or not an object

html - CSS - 相对定位的 div 重叠