css分组选择器和子元素选择器一起使用的时候子元素选择器应该写全父级选择器

最新推荐文章于 2023-08-31 10:57:09 发布
最新推荐文章于 2023-08-31 10:57:09 发布
阅读量268 收藏
点赞数
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010856177/article/details/103578144
版权

本意是让.ant-table-fixed-right,.ant-table-fixed-left共享后面的选择器，发现这样写不行。
在这里插入图片描述

这样写当然不行啦，直接一个.>都没有选择父级选择器，所以应该使用下面这种形式

html
  .ant-table-small
  > .ant-table-content
  > .ant-table-fixed-right,/*这里加个逗号分开，下面写好父级选择器这样才行的*/
  html
  .ant-table-small
  > .ant-table-content
  >.ant-table-fixed-left
  > .ant-table-body-outer
  > .ant-table-body-inner
  > table
  > .ant-table-thead
  > tr
  > th,
混血哲谈
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery选择器之子元素过滤选择器
01-19
本文实例为大家分享了jQuery子元素过滤选择器的具体代码，供大家参考，具体内容如下 <html> <head> <meta http-equiv=Content-Type content=text/html; charset=UTF-8> <title>Untitled Document</title> <link rel=stylesheet type=text/css href=css/style.css rel=external nofollow > <style type=text/css> div
CSS选择器(元素+class+id+后代+子元素+相邻+属性+选择器分组)
北溟南风起
03-08 2万+
元素选择器( p{ ...; ...;}) 对已选中的HTML元素符号设置CSS样式 div、 p、 a 、ul 、li等 基本格式： div { height:80px; width:80px; } 1.div: 元素符号 2.width、height : 属性 3.80px : 属性值 class选择器( .Name { ...; ...;} )...
CSS 样式书写规范
weixin_34200628的博客
07-13 111
可能不同团队都有各自的规范，又或者很多人在写 CSS 的时候还是想到什么就写什么，不存在太多的约束。 我觉得 CSS 代码规范还是有存在的必要的，尤其是在团队配合，多人协作下，规范就显得尤为重要。 本文的所列是实践当中得出的一套比较不错的 CSS 书写规范，并不希望大家完全采用，而是希望可以结合自己的团队需要，发展出一套适合自己的 CSS 代码规范。 也希望可以有更多的建议，共同的完善。本规...
看这一篇就够了！CSS选择器超详细汇总
zjjcchina的博客
08-31 320
注意：起id名时不能用关键字（所有标签和属性都是关键字），并且一个id名称只能对应文档中一个具体的元素对象，因为id的特殊性，只能代表页面中某一个唯一的元素对象，就好比我们的身份证号，一个人只能对应一个唯一的id。总的来说，碰到各种各样的工作场景，我们需要灵活运用这些选择器，并且当选择器样式冲突时，我们就得及时发现并且完成权重的解析从而解决问题。需要注意，CSS具有继承性，即子标签会继承父标签的某些样式。注意：结构伪类选择器中，子元素的序号是从1开始的，所以，当参数n的计算结果为0 时，将不选择任何元素。
antd表格固定后出现，对不齐的现象，解决方案
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
07-30 8778
问题描述： antd表格固定后出现对不齐的现象，比如设置了fixed。如下图 这个是官方的bug，在后续版本修复了 在3.26.1里修复了。 antd表格固定列对不齐现象https://github.com/ant-design/ant-design/issues/19952 解决方案： 1.升级版本（方案一） 但对于老项目，升级成本高或者暂时无法升级的就只能用样式强行控制了 2.样式控制（方案二） (1).github 上antd issues 19952给了一个方案 ...
子元素选择器和后代选择器同时使用
dragonjadehua的博客
09-15 350
子元素选择器和后代选择器比较
CSS 父子选择器和直接后代选择器
zhc的博客
11-30 2万+
1.父子选择器 //div下的所有a,包括儿子，孙子。。。。 div   a {   }   2.直接后代选择器 div &gt;a { } div下的儿子才能被作用
css3选择器如何选择同一个父级下的相同class的第一个元素 nth-child nth-of-type
真爱一生的博客
06-28 8048
1 2 3 4 5 选择第一个类名： .demo .item: nth-of-type(1) { … } || .demo .item: nth-child(1) { … }; 选择最后一个类名： .demo .item: last-child { … }; 选择其中一个指定的类名：.demo .item: nth-of-type(x) { … } || .demo .item: nth-child(x) { … }; 那么nth-of-type与nth-child 什么区别呢 :n...
CSS后代选择器和子代选择器
qq2071114140的博客
05-16 6510
CSS后代选择器和子代选择器 1.后代选择器 祖先元素和后代元素（相对的概念） 后代元素：被包含在祖先元素中的元素。 祖先元素：包含后代元素的元素。 后代选择器语法 选择器1 选择器2 选择器3{}选择器之间用空格隔开 举个例子：选中c元素的后代元素span ... .c span{ color: skyblue; } ......
CSS子元素选择器使用介绍
01-19
如果您不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素，请使用子元素选择器（Child selector）。 例如，如果您希望选择只作为 h1 元素子元素的 strong 元素，可以这样写： 复制代码代码如下:...
css后代选择器和子选择器的区别介绍
09-25
css后代选择器和子选择器的区别:用法不同,兼容性,所达到的效果不同等等，需要了解的朋友可以参考下
jQuery选择器之子元素选择器详解
12-11
本文实例为大家分享了jQuery子元素选择器，供大家参考，具体内容如下 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title&...
CSS中关于群组选择器、后代选择器与子代选择器的优先级
一个无聊的前端写点无聊的东西
11-11 1133
群组选择器、后代选择器与子代选择器的优先级 群组选择器 要对不同的HTML对象定义相同样式时，可以采用群组选择器。例如： 要对p1，p2同时设置相同的颜色。 .p1,.p2{color:#aaa;} 上述规则在选择器中指定了多个对象，对象之间用逗号来分隔。逗号告诉浏览器，规则中包含两个不同的选择器。这样的选择器叫群组选择器。 后代选择器与子代选择器的概念与区别 后代选择器是指只要具备层级关系的元...
CSS 的 类class选择器 的正确写法
hanshou101的博客
12-01 1万+
1.正确写法： 前面是标签名的通配符，后面是 class的名称。（）*.a_class {color:red;}下面的简写，尽量少用.a_class {color:red;}2.举例举例：p.a_class {}解释为：“其 class 属性值为 a_class 的所有段落”。举例2：*.a_class {}解释为：“其 class 属性值为 a_class 的所有任意标签”。3.多层类叠加：同一
css元素选择器（后代元素选择器、子元素选择器、伪类、伪元素、:first-child、:first-of-type区别等）
Gesj
03-01 1331
元素选择器 首先需要知道元素之间的关系： 父元素：直接包含子元素的元素 子元素：直接被父元素包含的元素 祖先元素：直接或间接包含后代元素的元素 后代元素：直接或间接被祖先元素包含的元素 兄弟元素：拥有相同父元素的元素 后代元素选择器 作用：选中指定元素的指定后代元素 语法：祖先元素 后代元素 {} div span { color: red; } <div> <span&g...
CSS 选择所有子元素添加样式
热门推荐
Kuroko's Development Notes
09-26 4万+
方法：&gt; * 以实际项目中less为例： .lk-toolbar { .el-input { width: 169px; margin-right: 10px; } &gt; * { margin-bottom: 20px; } } 上面代码成功实现了 .lk-toolbar 下一切子元素的 margin...
CSS添加方法、选择器分类、选择器组合、样式优先级
weixin_44011306的博客
06-23 257
CSS添加方法、选择器分类、选择器组合、样式优先级css 添加方式行级样式内联样式外联样式选择器分类通配符选择器：标签选择器：id 选择器：类选择器：css选择器组合语法条件关系并列关系派生关系子集关系相邻关系css层叠次序（样式优先级） css 添加方式 样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中，在 HTML 页的头元素中，或在一个外部的 CSS 文件中，甚至可以在 HTML 结构中设置样式表。 行级样式 当特殊的样式需要应用到个别元素时，就可以使用行级样式。使用行级样式的
CSS子类选择器和后代选择器的区别
Candy_Sir的博客
08-09 1万+
一.介绍 1.子类选择器 子类选择器仅仅指的是父元素的直接后代，大家可以理解为仅作用于第一代子元素，通过“&gt;”进行选择。 2.后代选择器 后代选择器则指的是作用于所有后代元素，通过空格来进行选择。 话不多说，接下来通过代码给大家演示。 二.举例 &lt;ul class="clothes"&gt; &lt;li&gt;衣服 &l...
css让图片做整个页面的背景
寬真
07-18 1万+
问题：背景图片需要平铺整个页面作为背景。      久了未用，一时竟然没有反映过来，或者说以前有过类似的应用场景，缺乏总结，所以没有形成思维。这也说明一个问题，需要不断地实践，新增应用场景，并且及时总结，这样才能形成良好的思维反映，这应该也是又经验和没经验的一个差别，总的来说，及时总结，捋清逻辑，这样才能有助于提升自己的功力。另外有一点我认为也非常重要，就是要经常使用，常常敲一敲，能使用，能更好...
css中使用子元素选择器编写规则
最新发布
09-04
CSS中的子元素选择器是一种用于选择某个元素的子元素的选择器。它使用大于号（>）来表示父子关系。 使用子元素选择器写规则时，首先需要写上父元素的选择器，紧接着添加大于号（>），然后再写上子元素的选择器。这样就能选中特定的子元素了。 子元素选择器的一个常见应用是在导航菜单中选择子菜单项的样式。例如，如果我们有一个id为"nav"的导航菜单，并且希望选择其中的子菜单项（使用ul来表示），我们可以使用如下的CSS规则： #nav > ul { // 使用子元素选择器，选中id为"nav"的元素下的直接子元素为ul的元素 // 编写子菜单项的样式 } 这样，我们就能选中导航菜单下的子菜单项，并对其进行样式调整。 子元素选择器的使用可以帮助我们更具体地选中所需的元素，避免其他元素的干扰。但需要注意的是，子元素选择器仅选择父元素的直接子元素，而不包含孙子元素以上层级的元素。 总之，CSS中的子元素选择器能够帮助我们更精确地选择所需的元素，并编写相应的样式规则。通过使用子元素选择器，我们可以轻松控制特定元素的样式，提升网页的可读性和交互性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值