Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >使用CSS针对具有重复类的元素。

使用CSS针对具有重复类的元素。
EN

Stack Overflow用户
提问于 2014-09-05 10:56:42
回答 4查看 2K关注 0票数 1

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

下面是CSS和重复的类

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

我试着像下面这样选择第一个子元素,但是它没有返回任何CSS元素。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
svg g.highcharts-axis-labels:nth-child(1) 

有人能指出我正在犯的错误吗。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2014-09-05 10:59:24

您需要nth-of-type伪类:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
.highcharts-axis-labels:nth-of-type(2) {

}

nth-of-type.asp

票数 -3
EN

Stack Overflow用户

发布于 2014-09-05 11:04:24

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
.highcharts-data-labels + .highcharts-axis-labels {}

瞄准第一个目标。

票数 3
EN

Stack Overflow用户

发布于 2016-09-07 20:05:27

因此,对于您的问题,为什么“它不返回任何元素与该CSS”。根据定义

nth - child (N)选择器匹配它的父元素的第n个子元素,而不管它的父元素的类型是

有了这个选择器和你的html

svg g.高图-轴-标签:n-子(1)

其父是"svg",子标记是位于第1位置的“g-高图-轴-标签”(在"svg“标签下的所有子类列表中)。但位置1处的孩子不是“g.高图表-轴标签”。因此,结果是“没有元素”。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25692262

复制
相关文章
CSS伪类与伪元素
CSS引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说,伪类和伪元素是用来修饰不在文档树中的部分,比如,一句话中的第一个字母,或者是列表中的第一个元素。
WindRunnerMax
2020/08/27
2K0
css中的伪类与伪元素
伪类的效果可以通过添加一个实际的类来达到,而伪元素的效果则需要通过添加一个实际的元素才能达到,这也是为什么他们一个称为伪类,一个称为伪元素的原因。 伪类的种类 伪元素的种类 区别 这里用伪类 :fir
前朝楚水
2018/04/02
2.5K0
css中的伪类与伪元素
CSS中的伪类和伪元素
伪类连同伪元素一起,他们允许你不仅仅是根据文档 DOM 树中的内容对元素应用样式,而且还允许你根据诸如像导航历史这样的外部因素来应用样式(例如 :visited),同样的,可以根据内容的状态(例如在一些表单元素上的 :checked),或者鼠标的位置(例如 :hover 让你知道是否鼠标在一个元素上悬浮)来应用样式。
刘亦枫
2020/03/19
2.8K0
CSS中的伪类和伪元素
CSS伪元素的基本使用
伪元素之所以称为“伪”,主要是因为它不是真正网页里的元素,但是标线行为又跟真正网页元素一样,也可以对其使用css操作。
伯约同学
2022/03/04
9590
CSS-伪类和伪元素
背景 写了这么多年代码,对CSS中的伪类和伪元素竟然没有细致的进行过学习总结,由此可见在实际代码开发中,用的也确实不多,也就用过一些:first-child,:hover之类的吧,其它的连before什么的都没用过,于是迫切需要大于伪元素与伪类进行一个系统整体的学习。 伪类和伪元素 伪类:是以一个冒号作为前缀,被添加到选择器的末尾,当你希望在特定状态下(:hover)才被呈现到指定元素时,可以往元素的选择器后面加上伪类。 伪元素:用于创建一些不在文档树中的元素,并为其添加样式。比如::befor
六个周
2022/10/28
1K0
CSS 基础系列:伪类和伪元素
CSS 引入伪类和伪元素的概念是为了格式化文档树以外的信息。也就是说,伪类和伪元素是用来修饰不在文档树中的部分,比如,一句话中的第一个字母,或者是列表中的第一个元素。
Chor
2019/11/07
1.9K0
CSS伪类与伪元素「建议收藏」
css引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说,伪类和伪元素是用来修饰不在文档树中的部分,比如,一句话中的第一个字母,或是列表中的第一个元素,又或者是鼠标悬停在某个超链接上时要设置的样式。
全栈程序员站长
2022/11/01
1.6K0
「R」针对重复ID的处理
重复,特别是针对一些样本名称的重复问题的处理,是我在进行生信分析时经常遇到的。一种常见的解决策略是先找到重复之处,然后去重。但如果我们想要保留全部的重复ID呢?
王诗翔呀
2021/08/06
1.8K0
使用 CSS 伪元素需要注意的
若不设置,则伪元素不会显示。如果不想设置 content 的内容,可以将内容设置为空。如:
前端GoGoGo
2018/08/27
9340
css伪类的说明以及使用(css事件)
CSS伪类的使用(css事件) 转载请注明源地址:http://www.cnblogs.com/funnyzpc/p/7670959.html   之前有开发开发App的时候,有同事问我那个列表的条目
上帝
2018/06/26
1.3K0
我可能学到了“假”的CSS:伪类伪元素
==在*-child系列伪类中,索引是相对于所有同级兄弟元素计算的,而非特定类型==
江米小枣
2020/06/15
1.5K0
css伪类的说明以及使用(css事件)
转载请注明源地址:http://www.cnblogs.com/funnyzpc/p/7670959.html
上帝
2018/09/27
1.2K0
css伪类的说明以及使用(css事件)
css伪类的说明以及使用(css事件)
CSS伪类的使用(css事件) 转载请注明源地址:http://www.cnblogs.com/funnyzpc/p/7670959.html   之前有开发开发App的时候,有同事问我那个列表的条目
上帝
2018/05/18
1.1K0
存在重复元素
给定一个整数数组,判断是否存在重复元素。如果任意一值在数组中出现至少两次,函数返回true 。如果数组中每个元素都不相同,则返回false
木瓜煲鸡脚
2020/09/23
6700
存在重复元素
Given an array of integers, find if the array contains any duplicates.
_kyle
2020/12/09
5340
存在重复元素
法2:set集合,哈希表 对于数组中每个元素,我们将它插入到哈希表中。如果插入一个元素时发现该元素已经存在于哈希表中,则说明存在重复的元素。
大忽悠爱学习
2021/11/15
3770
css内容 元素 元素空间的练习
<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> *{padding: 0px;margin: 0px;} .box1 { width: 50px; height: 50px; padding: 25px; background-color: red; } /*这个为元素的宽高都为150px。内容的宽高为100px*/ .box2 { width: 96px
贵哥的编程之路
2020/10/28
1.1K0
Web前端,认识css,css规格,伪类和伪元素的用法,代码详解!
认识 CSS — Cascading Style Sheets CSS的世界是神奇的。随着浏览器WEB标准的日趋统一,CSS在WEB世界中的扮演的角色也越来越重要。 我们从HTML开始,因为CSS的用途就是为了给HTML标记添样式,所以我们要先知道怎么去写HTML标签 什么是CSS HTML标记内容是为了给网页赋予纯粹的语义。换而言之就是为了让用户可以去理解里边的含义。每一个标签都是对所包含的内容的一种诠释,描述。所以请记住HTML 就是 文本+标记的一个文档结构(请不要参杂CSS)。当我们给内容都打上
企鹅号小编
2018/02/06
1.3K0
Web前端,认识css,css规格,伪类和伪元素的用法,代码详解!
去除重复元素
编写一个程序,封装一个函数uniq(arr),将数组中的重复的元素去除,并且返回一个新的数组。
算法与编程之美
2022/05/23
8700
存在重复元素
如果任何值在数组中出现至少两次,函数返回 true。如果数组中每个元素都不相同,则返回 false。
py3study
2020/01/15
5370

相似问题

哪个css选择器可以针对具有多个类的元素?

23

针对大型元素类的引导3.0响应css

22

针对父/祖先元素的CSS否定伪类:not()

25

CSS - If元素具有任意类。

12

具有嵌套元素的CSS类

15
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文