H5 14-后代选择器和子元素选择器

Posted 甘林梦的开发之路

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了H5 14-后代选择器和子元素选择器相关的知识,希望对你有一定的参考价值。

14-后代选择器和子元素选择器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>14-后代选择器和子元素选择器</title>
</head>
<body>
<!--
1.后代选择器和子元素选择器之间的区别?
1.1
后代选择器使用空格作为连接符号
子元素选择器使用>作为连接符号
1.2
后代选择器会选中指定标签中, 所有的特定后代标签, 也就是会选中儿子/孙子..., 只要是被放到指定标签中的特定标签都会被选中
子元素选择器只会选中指定标签中, 所有的特定的直接标签, 也就是只会选中特定的儿子标签

2.后代选择器和子元素选择器之间的共同点
2.1
后代选择器和子元素选择器都可以使用标签名称/id名称/class名称来作为选择器
2.2
后代选择器和子元素选择器都可以通过各自的连接符号一直延续下去
选择器1>选择器2>选择器3>选择器4{}

3.在企业开发中如何选择
如果想选中指定标签中的所有特定的标签, 那么就使用后代选择器
如果只想选中指定标签中的所有特定儿子标签, 那么就使用子元素选择器

-->
</body>
</html>

 

以上是关于H5 14-后代选择器和子元素选择器的主要内容,如果未能解决你的问题,请参考以下文章

课时73.后代选择器和子元素选择器(理解)

css后代选择器和子选择器的区别

css选择器的1.5 子选择器

CSS系列之后代选择器子选择器和相邻兄弟选择器

子选择器后代选择器和通用选择器以及伪选择器

在css中 比较 后代选择器和相邻选择器有啥区别 设计一个示例