dreamyt 发表于 2020-4-23 11:24:15

关于css的子元素选择器

本帖最后由 dreamyt 于 2020-4-23 11:27 编辑

如图https://diary-1301053117.cos.ap-shanghai.myqcloud.com/img/wen.jpg。按道理子元素选择器应该是让body的所有子元素p和和h1的字体变为红色，而span是p的子元素，就是body的孙子元素，所以应该是不会改变的。可是我一看效果，span里的内容也变成了红色。这是为啥，求大佬解惑。

liuzhengyuan 发表于 2020-4-23 11:27:04

包含在里面的（他的意思是子元素里所有的字都匹配）

dreamyt 发表于 2020-4-23 11:28:24

liuzhengyuan 发表于 2020-4-23 11:27
包含在里面的（他的意思是子元素里所有的字都匹配）

那这个和后代选择器岂不是没区别了

Hello. 发表于 2020-4-23 11:28:36

只要在子元素里的 所有的都算哦

dreamyt 发表于 2020-4-23 11:32:07

Hello. 发表于 2020-4-23 11:28
只要在子元素里的 所有的都算哦

那这个和中间是空格的后代选择器不是没区别了吗

Hello. 发表于 2020-4-23 11:34:49

子元素>>>https://www.w3school.com.cn/css/css_selector_child.asp
后代>>>   https://www.w3school.com.cn/css/css_selector_descendant.asp

dreamyt 发表于 2020-4-23 11:48:23

Hello. 发表于 2020-4-23 11:34
子元素>>>https://www.w3school.com.cn/css/css_selector_child.asp
后代>>>   https://www.w3school. ...

感觉这个规则好奇葩啊

Hello. 发表于 2020-4-23 11:49:21

dreamyt 发表于 2020-4-23 11:48
感觉这个规则好奇葩啊

^_^
如果懂了请设置最佳
页: [1]
查看完整版本: 关于css的子元素选择器