CSS：复合选择器总结

最新推荐文章于 2024-07-11 18:05:14 发布
最新推荐文章于 2024-07-11 18:05:14 发布
阅读量109 收藏
点赞数
分类专栏： CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_24743861/article/details/107931310
版权
选择器作用特征使用情况隔开符号及用法
后代选择器用来选择元素后代选择所有的子孙后代较多符号是空格 .nav a
子代选择器选择最近一级元素只选亲儿子较少符号是>  .nav>a
交集选择器选择两个标签交集的部分既是又是较少没有符号 p.red
并集选择器选择某些相同样式的选择器可以用于集体声明较多符号是逗号  p,div
链接伪类选择器给链接更改状态 较多重点记住a{}和a:hover 实际开发的写法

 

baidu_24743861
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS复合选择器使用介绍
09-25
CSS复合选择器包括子选择器、相邻选择器、包含选择器、多层选择器嵌套、属性选择器、伪选择器和伪元素选择器，以上具体的使用如下，感兴趣的朋友可以学习下
css后代选择器使用方法实例
09-25
CSS后代选择器是一种强大的工具，用于在样式表中指定元素的特定子元素或者后代元素的样式。这个选择器允许我们精确地控制文档的结构，并且只应用样式到我们需要的那些部分，而不会影响到其他不相关的元素。在这个...
CSS复合选择器的总结归纳
sssszzzzyyyy的博客
12-15 1535
CSS复合选择器的总结归纳 定义：复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的,目的是为了可以选择更准确更精细的选中目标元素标签。 分类：复合选择器共可分为5类，分别为交集选择器，并集选择器，后代选择器，子元素选择器和伪类选择器。 1.交集选择器 交集选择器由两个选择器组成。其中第一个选择器为标签选择器，第二个选择器为类名选择器。两个选择器之间用点隔开。 交集选择器 是 并且的意思...
CSS学习笔记——CSS复合选择器1
Barry Jim的博客
09-10 347
CSS复合选择器 目录 后代选择器 子选择器 比较 后代选择器 选择器1 选择器2{ color: #f00; } 什么是后代选择器？ 先找到选择器1，然后在选择器1下面去查找所有选择器2，并设置属性 注意点 后代选择器必须使用空格隔开； 后代不仅仅包括儿子，还包括孙子，曾孙等等； 后代选择器可以无限嵌套 子选择器 选择器1...
css3 复合选择器,CSS复合选择器
weixin_28987001的博客
08-03 1468
复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。交集选择器交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格，如h3.special。比如： p.one 选择的是： 类名为 .one 的 段落标签。使用率相对较少记忆技巧：交集选择器 是 并且的意思。 即...又...的意思并...
CSS复合选择器总结
gou1791241251的博客
08-26 237
CSS复合选择器总结
认识CSS之复合选择器
榕城候佳人的博客
03-10 1029
在CSS中，可以把选择器分为基础选择器和复合选择器，而复合选择器又是由基础选择器进行组合形成的。通常是由两个或者多个基础选择器通过不同的方式组合而成的。作用：更精准、高效的选择目标元素（即标签）😃选择器作用特征使用情况隔开符号和用法后代选择器选择后代元素可以是子孙后代较多符号是空格.nav a子代选择器选择最近的一级元素只选亲儿子较少符号是大于号.nav>p并集选择器选择某些需要相同样式的元素可以用于集体声明较多符号是逗号链接伪类选择器。
CSS的复合选择器
屈帅波的技术博客
05-19 665
1 什么是复合选择器 在 CSS 中，可以根据选择器的类型把选择器分为：基础选择器 和 复合选择器，复合选择器是建立在基础选择器之上，对基础选择器进行组合形成的。 复合选择器可以更准确、更高效的选择目标元素（标签） 复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的 常用的复合选择器包括：后代选择器、子选择器、并集选择器、伪类选择器等 2 后代选择器 后代选择器 又称为 包含选择器，可以选择父元素里面子元素。其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔。当标签发生嵌套时，内层
CSS复合选择器：后代选择器
weixin_44785037的博客
09-26 2703
CSS复合选择器：后代选择器
CSS：选择器与三大特性
盒马的博客
12-15 1073
CSS选择器，CSS的三大特性
CSS复合选择器
m0_64365419的博客
11-13 645
在CSS中，可以根据选择器的类型把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器基础之上的，对基本选择器进行组合形成的。 为什么要引入复合选择器？ 举例：要求将ul中的li标签中的元素修改 类似于上面的这种情况是很常见的，如果我们使用基础选择器，直接使用li标签对齐进行筛选，结果就是如下图所示，无论是ol中的li标签还是ul中的li标签元素都被修改了。显示：那么有的人会说，可以使用如下所示这种方式通过类选择器进行，这种方法 虽然没错，但是非常麻烦，十几行代码看不出，但是几十行甚至几百行呢？如
CSS选择器：基本选择器、复合选择器、伪类选择器、伪元素选择器
最新发布
pan_junbiao的博客
07-11 1107
CSS选择器包含：基本选择器、复合选择器、伪类选择器、伪元素选择器。基本选择器包括：元素选择器、类选择器、ID 选择器、属性选择器。最常见的 CSS 选择器是元素选择器。换句话说，HTML文档的元素就是最基本的选择器。例如设置 HTML 样式，选择器通常是某个 HTML 元素，如 p、h1、a 等，甚至可以是 HTML 本身。在 HTML 中，各种各样的属性可以给元素添加很多附件信息，并且可以通过 JavaScript 控制这些附加属性的内如何状态。在使用 CSS 的时候，也可以使用这些附加属性来指定元素。
【CSS基础学习】复杂选择器
01-08
文章目录CSS第二课-复杂选择器群组选择器属性选择器根据属性名查找元素根据属性值精确查找多属性选择器根据属性值近似查找根据标签查找派生选择器后代选择器子元素选择器相邻兄弟选择器 CSS第二课-复杂选择器 群组...
Web前端与移动开发之复合选择器 css元素显示模式 背景属性.txt
07-30
1.复合选择器 （1）后代选择器（包含选择器 重要） 语法： 元素1 元素2 {样式声明} 选择器1 选择器2{ 属性：属性值 } 元素1和元素2用空格隔开 元素1父亲 元素2后代 最终改变的是后代（元素2）的样式 ...
CSS：清除元素的默认内外边距
baidu_24743861的博客
08-12 4601
*{ padding:0;/*清除元素的内边距*/ margin:0;/*清除元素的外边距*/ }
CSS：合并相邻边框 border-collapse:collapse；
baidu_24743861的博客
08-12 4160
border-collapse:collapse; table,th,td{ border: 1px dashed red; /*此时会出现边框重叠*/ border-collapse: collapse;/* 合并相邻边框*/ }
css:行内元素和块级元素的相互转换
baidu_24743861的博客
08-11 3918
1、行内元素转换成块级元素：display：block; 2、块级元素转换成行内元素:display:inline; 3、行内元素转行内块级元素：display:inline-block;
CSS 文字在div中显示在中心位置
baidu_24743861的博客
10-29 3908
//CSS3 .text-div-center { display: -moz-box;/*兼容Firefox*/ display: -webkit-box;/*兼容FSafari、Chrome*/ -moz-box-align: center;/*兼容Firefox*/ -webkit-box-align: center;/*兼容FSafari...
css中的background-position属性
baidu_24743861的博客
04-19 3569
1、background-position: x y ; background-position:100px 30x; 表示距离左边100像素，距离上边30像素 background-position:50% 10%; 在X轴居中，距离上方10%的距离 background-position:left top;左上（X轴的值可为left,center,right 、y轴的值可为left,ce...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值