div>p选择div的直接子元素p。注意与后代选择器的对比。
源代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>子元素选择器</title>
<style type="text/css">
#id1>p{
color: red;
}
</style>
</head>
<body>
<div id="id1">
<div id="id2">
<div id="id3"></div>
<p>内部p元素</p>
</div>
<p>外部p元素</p>
<p>外部p2元素</p>
</div>
</body>
</html>
运行效果：
image.png
CSS选择器-系列文章 1、子元素选择器 div>p选择div的直接子元素p。注意与后代选择器的对比。 2、效果演...
一、基本选择器 子元素选择器 概念：子元素选择器只能选择某元素的子元素语法格式：父元素 > 子元素 （Father...
选择器类型 元素选择器 类选择器 ID 选择器 属性选择器 伪类 伪元素 选择器组 后代选择器 子元素选择器 相邻...
后代选择器与子选择的关系：后代选择器>子选择器。 后代选择器：包括父元素的子元素以及孙子元素（代表符合：空格） 子...
选择器 通用选择器： id选择器 class选择器 元素选择器 子选择器 后代选择器 伪类选择器 伪元素选择器: ...
jQuery · 选择器 选择器，用来查找html标签（元素） · 基本选择器 · 层级选择器 后代选择器 子元素...
css选择器 子代选择器：空格、> 空格：选择父元素内所有子元素 >：选择直属父元素的子元素 兄弟选择器：+、~ ...
一、基本选择器 回顾选择器 通配符选择器、元素选择器、类选择器、ID选择器、后代选择器 新增基本选择器 子元素选择...
基本选择器 通配符选择器 元素选择器 类选择器 ID选择器 后代选择器 子元素选择器 相邻兄弟选择器 通用兄弟选择...
原文 博客原文 大纲 1、后代选择器和子元素选择器的相关概念2、后代选择器和子元素选择器的区别 1、后代选择器和子...
本文标题：CSS5-选择器5-子元素选择器
本文链接：https://www.haomeiwen.com/subject/gdvhqxtx.html
网友评论