CSS 在多个同名元素中首先选择

标签 css css-selectors

我试图只选择一个 <a>在某些具有非唯一类的元素中。 我想不出正确的选择器来使用它。

Fiddle with my HTML and attempted selector

这可以仅通过编辑 CSS 来完成吗?

最佳答案

使用 >对于直接子选择,并选择第一个 <li> , 不是第一个 <a> .

.menu-name-main-menu > ul > li:first-child > a {
background: red;
}

更新 fiddle :http://jsfiddle.net/5hjKP/1/

关于CSS 在多个同名元素中首先选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24331494/

相关文章:

javascript - 我们可以在链接到 Javascript 文件时使用 HTML 中的媒体属性吗?

javascript - 在不使用表格的情况下将所有文本放在链接的右侧

css - 什么时候在 CSS 中使用 `>` 标志?

css - 基本的 CSS 选择器语法,组合多个 id 和类

html - CSS - 目标 div 的最后一个实例

jquery - jquery.ui.theme.css 和 jquery-ui.css 有什么区别?

javascript - 单击右侧面板 li 时,Jquery 在左侧面板上显示值

html - 如何根据子元素高度制作引导导航栏比例?

html - "div > p"和 "div p"相同吗?

html - CSS Nth of Type 未定位