:nth-child()选择器的层级嵌套问题

作者: 安北分享 | 来源:发表于2021-09-09 14:43 被阅读0次

:nth-child()选择器的层级嵌套问题
隔三个标签给定一个样式怎么写
less入门笔记
CSS学习----结构伪类选择器(nth-child、nth-o
JavaScript库中jQuery的学习（更忙的一周）
nth-child选择器
01-:nth-child和:nth-of-type选择器
jQuery选择器
Sass/Scss--2
CSS3 选择器 :nth-child 与 :nth-of-ty

可以尝试后代选择器加上 >div:nth-child(）进行解决，所选的子元素下的所有子元素被选择的问题：
.main >div:nth-child(odd){
padding: 0 .1rem .1rem .1rem;
}
.main >div:nth-child(even){
padding: 0 0 .1rem .1rem ;
}

<div  clas="main">
   <div>
      <div></div>
      <div></div>
  </div>
  <div>
     <div></div>
    <div></div>
 </div>
  <div></div>
  <div></div>
</div>

:nth-child()选择器的层级嵌套问题
可以尝试后代选择器加上 >div:nth-child(）进行解决，所选的子元素下的所有子元素被选择的问题：.ma...
隔三个标签给定一个样式怎么写
nth-child(3n) w3school文档：nth-child选择器 :nth-child(n) 选择器匹配...
less入门笔记
一、嵌套 1、在一个选择器中嵌套另一个选择器来表现元素之间的层级关系。如，在less文件中写：得到对应的css代...
CSS学习----结构伪类选择器(nth-child、nth-o
结构伪类选择器作用根据文档结构来选择器元素。语法注意nth-child nth-child会把所有的盒子都...
JavaScript库中jQuery的学习（更忙的一周）
target:nth-child(n) jQuery 用CSS选择器来选取元素,target:nth-child(...
nth-child选择器
nth-child选择器 /*nth-child*/ /*选中第一个li*/ ul...
01-:nth-child和:nth-of-type选择器
一、:nth-child选择器 1.1 用法格式p:nth-child(2){color：red} 含义表示p元...
jQuery选择器
层级选择器层级选择器基本筛选选择器基本筛选选择器内容筛选选择器
Sass/Scss--2
八.嵌套-选择器嵌套 Sass 的嵌套分为三种：选择器嵌套属性嵌套伪类嵌套 html 结构：选中 h...
CSS3 选择器 :nth-child 与 :nth-of-ty
一、:nth-child 1.1 说明 :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论...