用第n个选择器选择特定的div？
在前端开发中，可以使用CSS选择器来选择特定的div元素。选择器是一种用于定位HTML元素的语法规则。下面是一些常见的CSS选择器：
- 元素选择器：通过元素名称选择特定的div元素。例如，使用
div选择器可以选择所有的div元素。 - 类选择器：通过类名选择特定的div元素。类选择器以
.开头，后面跟着类名。例如，使用.my-div选择器可以选择具有my-div类的div元素。 - ID选择器：通过ID选择特定的div元素。ID选择器以
#开头，后面跟着ID名称。例如，使用#myDiv选择器可以选择具有myDivID的div元素。 - 属性选择器：通过元素的属性选择特定的div元素。属性选择器使用方括号
[]来指定属性和属性值。例如，使用[data-type="special"]选择器可以选择具有data-type属性值为special的div元素。 - 后代选择器：通过选择器的嵌套关系选择特定的div元素。后代选择器使用空格分隔不同的选择器。例如，使用
.parent .child选择器可以选择具有child类的div元素，该div元素是具有parent类的元素的后代。 - 伪类选择器：通过元素的状态或位置选择特定的div元素。伪类选择器以冒号
:开头，后面跟着伪类名称。例如，使用:hover选择器可以选择鼠标悬停在div元素上时的状态。
根据具体需求，选择合适的选择器来选择特定的div元素。在实际开发中，可以根据项目的要求和设计来灵活运用不同的选择器。
腾讯云相关产品和产品介绍链接地址：
相关·内容
1回答
我有12个div绑定到同一个类，但有不同的I，我想对特定的div应用一个边距，可以使用第n个选择器吗？下面我有一个粗略的例子(我在我的实际项目中使用了一个精灵工作表，所以所有的ra I都有一个背景位置，以及一个宽度和高度)。
<a href=""&
浏览 0提问于2018-07-31得票数 3
回答已采纳
2回答
我有以下的div： <div class="a"></div> <div class="a"></div>//this</
浏览 0提问于2015-12-17得票数 2
回答已采纳
:nth-child()的计算规则是什么？这只是个窃听器吗？ background: orange<div> <div class="info_row"><div>Category:</div>
<div>data</<
浏览 6提问于2017-08-02得票数 0
回答已采纳
我有我想要问的问题的。
我经常使用这种格式。我希望能够用fieldset div:first-child { }选择第一个div，但似乎只有第二个子选择器才能选择它。我希望"field 1“是红色的而不是蓝色的。说“对字段集中的第一个div设置样式”比说第二个从语义上讲更有意义(至少对我来说是这样的)
浏览 2提问于2012-03-20得票数 4
回答已采纳
2回答
我是jquery的初学者，所以我可能不会理解太多高级的东西，但问题是:当我尝试选择nth-child(1)时，它会像预期的那样选择第一个孩子(我知道我可以使用第一个孩子，但我不喜欢它)。但是，如果将其更改为nth-child(2)，则不会选择任何内容。nth-child(3)选择Something2，nth-child(5)选择something3。这对我来说太难了！<div id="
浏览 5提问于2012-12-09得票数 3
回答已采纳
2回答
尝试通过仅使用CSS来选择第二个“左侧列”时，不能更改HTML。:nth- of -type(2)正在选择两个div<div class="collection">
<div class="column-left&
浏览 0提问于2016-04-18得票数 0
2回答
每3、4项设计一次
、、、
我有一组应该作为卡片显示的物品。每第3和第4项应比其他项目宽(模式:窄-窄-宽-宽-窄-窄-宽-宽.等等)。到目前为止我尝试过的是： &:nth-child(1n) {width: 33%;} &:nth-child(3n) {width: 66%;}}
浏览 3提问于2017-11-16得票数 3
回答已采纳
2回答
我正在尝试使用第n个子伪选择器来选择锚点元素的范围。问题是，第n- child只适用于子元素，但我有一个这样的结构： <a>first link><div></div>
浏览 0提问于2015-08-26得票数 1
这样做很好：
但是我试着用第n个选择器来表示我想要一个特定的有编号的孩子。有没有人知道我如何挑选第n个编号的孩子？提前感谢！
浏览 4提问于2014-04-10得票数 0
回答已采纳
是否有一个解决方案来限制页面上特定类的div数量？现在，我只想有三个明显的例子。剩下的一定是藏起来的。
浏览 2提问于2018-11-08得票数 0
回答已采纳
我正在寻找一个选择器，将行动像第n子选择，但不会重置在每一个新的div。我的意思是：#yellow p:nth-child(3n) {} </div>
<p>
浏览 3提问于2017-05-27得票数 0
回答已采纳
背景:我正在尝试实现一个布局，其中元素在一行从左向右流动，然后在下一行从右向左流动，等等。我在中模仿了一些东西，看看这里(它比我解释得更好！)我已经用nth-child实现了上面的例子，但是它是“硬编码的”。<ul> <li>2</li>
...但显然它仅限于特定数量的元素(我在CSS中放了多少元素！)。我知道我可以做:nth-child(4n)来获得每四<em
浏览 11提问于2015-09-09得票数 8
回答已采纳
假设我们有两个具有相同className的元素，例如."test".来获取每个元素并按照我希望的方式操作它们，我可以使用下面这样的内容如果我使用replaceWith将第一个子元素替换为具有不同类名的不同元素，那么逻辑上.test类将只有一个子元素
然后，如果我使
浏览 0提问于2017-07-12得票数 1
我的结构如下所示： <div class="row1"> <input .../><label>Label 1B</label> </div>
<div</em
浏览 6提问于2016-06-09得票数 0
回答已采纳
我有一个列表，我想使用第n个子选择器设置div的样式。我还希望能够排除具有特定类的div，即： .a:not(.b):nth-child(2n) { }<
浏览 0提问于2012-12-18得票数 3
回答已采纳
3回答
我想要抓取的数据布局如下： <div class="ads__unit"><div>10 000</div></div> 这个div类有多个项。我尝试为每一项抓取add_unit d
浏览 20提问于2020-10-04得票数 2
回答已采纳
我已经尝试了所有可能的方法来选择无数的选择器，但我似乎找不到一种在我的网站上选择类的方法。我已经在这里用JS小提琴解决了这个问题，并且它是有效的：<div class='wp-google-reviews'>
<div clas
浏览 13提问于2017-07-27得票数 1
如果我有如下所示的标记，我希望从其父div单独访问每个eigth div并打印其id Usefor循环。</div> <div id="two"> </div&g
浏览 6提问于2013-02-12得票数 0
是否可以使用jQuery选择元素2、3、6、7、10、11、14、15等？也就是说，选择两个元素，保留两个，选择下两个，保留两个，依此类推。
浏览 0提问于2013-02-19得票数 0
回答已采纳
10回答
我有下面的代码，我想使用class=title选择一个特定的nth-child，但它看起来确实有效 <div class="title"></div> <!--> <<em
浏览 12提问于2013-03-05得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
