CSS后代选择器和子代选择器区别

最新推荐文章于 2023-07-10 22:32:20 发布
最新推荐文章于 2023-07-10 22:32:20 发布
阅读量321 收藏 1
点赞数 2
分类专栏： 前端 文章标签： css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fire_Oreo_999/article/details/105821765
版权

CSS后代选择器和子代选择器区别

后代选择器（A B{……}）

CSS的后代选择器根据A的所有后代B（包括直接子元素和间接子元素B）来选择。无论B是否被其他所包含，只要B被A包含即被选择。

HTML代码和效果：
在这里插入图片描述

子代选择器（A>B{……}）

CSS的子代选择器根据A的初代B（只包括直接子元素）来选择。B如果还被其他所包含则B不被选择。

HTML代码和效果：
在这里插入图片描述

流泪海盗狗
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
css后代选择器和子选择器的区别介绍
09-25
css后代选择器和子选择器的区别:用法不同,兼容性,所达到的效果不同等等，需要了解的朋友可以参考下
子代选择器与后代选择器的区别
weixin_29947843的博客
05-03 3750
使用后代选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>后代与子代选择器的区别</title> <!--<link rel="stylesheet" type="text/css" href="*.css"/>--> <script language="javascript"
CSS后代选择器和子选择器的区别
zero_xk_的博客
01-23 9006
首先来明确一下概念： 什么是后代选择器？ 语法：选择器1 选择器2{} 例子：#haha b{ color: red; } 解释：简单的来说呢，就是选择id为haha的元素的后代中的b标签，注意这里说的后代，后代不止有儿子，可能有孙子，孙子的儿子，孙子的孙子…只要是他的后代，而且是个b标签，颜色就会变成红色。 什么是子选择器？ 语法：选择器1>选择器2{} 例子：.xixi > i{ color: red; } 解释：简单来说呢，就是选择类xixi的元素的儿子中的i标签，注意这里说的儿子，
后代选择器与子元素选择器的区别
qq_39093474的博客
08-27 8918
1.连接符号 1.后代选择器用空格作为连接符号 2.子元素选择器用&gt;作为连接符号 2.选中标签范围 1.后代选择器会选中指定标签中，所有的特定后代标签，也就是会选中儿子，孙子，只有放到标签中的特定标签都能选中 2.子元素选择器只会选中指定标签中，所有特定的直接标签，也就是只会选中特定的儿子标签 3.相同点 1.后代选择器和子元素标签都可以使用标签名称/id名称/类名称等作为选择...
后代选择器与子选择器的区别
当路danglu0010
05-13 1007
后代选择器与子选择器的区别
CSS - 选择器详解 - 子代、后代选择器详解 - 伪类选择器 - 测试
Muxiu
03-06 6406
目录测试准备：子代选择器 >测试代码：指定id的子代选择器后代选择器 (以空格隔开)指定 id 的后代选择器指定 class 类 的后代选择器多空格后代选择器详解 (特别重要)伪类选择器 :参考链接： 测试准备： 新建一个测试项目文件夹 test，然后在 test 文件夹内新建一个名为 css 的文件夹，创建一个名为 style.css的文件，最后在test文件夹下新建一个 test.html 文件。 test | —— | | ——css —— style.css | test.html 子代选择器
css串联选择器和后代选择器使用方法
12-13
串联选择器：作用在同一个标签上 复制代码代码如下:”a” id =”qq”><span>look ...后代选择器：作用在不同标签上 复制代码代码如下:”qq”>”a”>look at the color</span></div>css: #qq .a{} 注意#qq .a 之前有空格
css后代选择器使用方法实例
09-25
下面是一个css后代选择器的例子，大家参考使用吧
子代选择器和后代选择器
热门推荐
jeekmary的博客
08-02 1万+
在CSS3中，我们会遇到这个一个问题，当层级过多的时候，我们想对其中的某些标签进行操作，有时候我们又想只对某一层级的标签进行操作，这个时候就涉及到字标签和后代标签的问题 子标签：必须是当前的标签的下一级 必须事儿子。 &lt;ul&gt; &lt;li&gt; &lt;a href="#"&gt;一级菜单&lt;/a&gt; &lt;div&gt...
选择器（CSS）
最新发布
weixin_74438979的博客
07-10 160
选择器
后代选择器和子选择器
407指导员
10-19 2892
后代选择器 什么是后代选择器 找到标签的后代标签，设置属性。 格式： 标签名称1 标签名称2 ....{ 属性：值; } 先找到名称叫做标签1的标签，然后再这个标签下面去查找所有名称叫做标签2的标签一直找下去，然后设置属性。 注意点： 1.后代选择器必须使用空格隔开。 2.后代不仅仅是儿子，也包括孙子。。。。只要是放在这个标签内的都是后代。 3.后代选择器不仅仅可以使用标签的名称，还可以使用其他选择器，比如使用类/id名称来代替标签名。但是必须有后代。标签可以用类名或者/id名，但是#和.都不能漏掉，中间
子选择器和后代选择器
m0_62200674的博客
07-10 3397
有例子讲解
后代选择器和直接子选择器的区别及好处
Harley567
01-31 442
css后代选择器和子元素选择器的区别
CSS复合选择器之后代选择器
m0_61629312的博客
04-06 595
CSS复合选择器之后代选择器
CSS选择器
weixin_43073401的博客
11-19 2839
例如E:first-child,找的是E元素，E元素必须是他的父元素的第一位元素。​ [attr~=val]：表示带有以 attr 命名的属性的元素，并且该属性是一个以空格作为分隔的值列表，其中至少一个值为val。后代选择器包含的是其后代的所有元素,所以子元素，子元素的子元素，子元素的…（1）伪类的操作对象是文档树中已有的元素，而伪元素则创建了一个文档树以外的元素。（3）:hover当鼠标悬浮在元素上方时，向元素添加样式（链接或任意元素）（4）:active向被激活的元素添加样式（链接或任意元素）
CSS之后代、子代选择器的区别
m0_53521757的博客
04-24 1230
https://blog.csdn.net/m0_53521757/article/details/116082047
HTML中的 后代选择器 和 子代选择器
NSSWTT的博客
02-14 6352
1.后代选择器。 格式： E F { css样式 } （E和F都是选择器） 作用：访问到E下的所有的F元素（无论嵌套多少层）。 符号： 空格。2.子代选择器。 格式： E>F {css样式 } （E和F都是选择器） 作用：访问到E下的所有的F元素（只访问下一级，只有一层）。 符号： >。 举个栗子： <!DOCTYPE html> <ht...
后代选择器和子代选择器的区别
qq_42309685的博客
08-20 826
后代选择器和子代选择器的区别 后代选择器：div p：匹配div中所有的p元素 子代选择器：div>p：匹配div子元素中的p元素 代码： CSS部分 <style> .wrap { width: 400px; height: 220px; padding: 9px; font: 700/20px/40px "microsoft yahei"; ...
css 子代和后代选择器的区别
05-28
CSS中的子代选择器和后代选择器都可以用来选择某个元素的子元素，但它们之间有一些...总的来说，子代选择器比后代选择器更严格，只选择直接子元素，而后代选择器选择的元素范围更广泛，包括直接子元素和间接子元素。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值