一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码：
.food>li{border:1px solid red;}
这行代码会使class名为food下的子元素（第一子代）li（水果、蔬菜）加入红色实线边框。
包含选择器，即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码：
.first span{color:red;}
这行代码会使class名为first下的（所有后代）span标签内的字体颜色变为红色。
请注意这个选择器与子选择器的区别，子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。
总结：>作用于元素的第一代后代，空格作用于元素的所有后代
CSS选择器的概念 标签选择器 类选择器 ID选择器 类选择器与ID选择器的区别 子代选择器 后代选择器 子选择器...
CSS子选择器和后代选择器之间有什么区别？下面本篇文章就来给大家对比一下子选择器和后代选择器，介绍子选择器和后代选...
原文 博客原文 大纲 1、后代选择器和子元素选择器的相关概念2、后代选择器和子元素选择器的区别 1、后代选择器和子...
## CSS选择器 # 标签选择器 # id选择器 # 类选择器 # 后代选择器 # 子元素选择器 # 交集选择器...
后代选择器与子选择的关系：后代选择器>子选择器。 后代选择器：包括父元素的子元素以及孙子元素（代表符合：空格） 子...
CSS选择器： 一.CSS复合选择器： 1.后代选择器2.交集选择器3.并集选择器 1.后代选择器 后代选择器又称...
CSS选择器-系列文章 1、子元素选择器 div>p选择div的直接子元素p。注意与后代选择器的对比。 2、效果演...
CSS 元素选择器CSS 选择器分组CSS 类选择器详解CSS ID 选择器详解CSS 属性选择器详解CSS 后代...
这个选择器与子选择器的区别，子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元...
CSS:选择器用法:.类名 //类选择器 id名 //id 选择器 .类名 元素名 //后代选择器,包含子元素和子...
本文标题：CSS的子选择器与后代选择器的区别
本文链接：https://www.haomeiwen.com/subject/tfotvttx.html
网友评论