html - 使用 CSS 定位具有重复类的元素

标签 html css svg css-selectors

在我的 HTML 中,我有 2 行具有相同的类。我希望能够只针对第一个元素,但似乎无法弄清楚。我可以同时定位这两个元素,但是当我更改 CSS 以选择第一个子元素时,它不会返回任何内容。

这是 CSS 和重复的类 enter image description here

如果我使用 svg g.highcharts-axis-labels,它将选择两个元素。

我尝试像下面这样选择第一个 child ,但它没有返回任何带有该 CSS 的元素。

svg g.highcharts-axis-labels:nth-child(1) 

谁能指出我犯的错误。

最佳答案

.highcharts-axis-labels 跟随带有 .highcharts-data-labels 类的元素。所以你可以这样写:

.highcharts-data-labels + .highcharts-axis-labels {}

以第一个为目标。

关于html - 使用 CSS 定位具有重复类的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25692262/

相关文章:

html - 由于 Addthis 脚本导致的页面宽度错误

javascript - Jssor slider 从slide0播放

html - 在当前选择的菜单项旁边对齐元素

css - Bootstrap 按钮飞过导航栏

html - 如何在嵌套 SVG 中设置引用点?

jquery - 使用 raphael 、 canvg 和 jquery 将 SVG 转换为图像(dataURI)

javascript - 如何相对于其中心移动一个 div(如 anchor )?

javascript - onmousemove 事件发生两次

jquery - 改变滚动的 BG 图像

css - SVG 将渐变修改为与 "use"重用的元素