css div元素选择器

2020-11-17 19:11发布

大概描述
<div>
<p>hhhh</p>
<p>lllll</p>
这是html

div > p {
font-size: 150%;
}

按子代关系选择器来说,应该是第一个p标签字体变大,事实是两个p标签都变大了

标签: css html web
6条回答
2楼-- · 2020-11-17 19:19

两个p都是子代,最简单的就是id选择器,加个id

查看更多
相关推荐>>
3楼-- · 2020-11-17 19:20

div > p 你这样写,选中的就是 div中所有的p标签,如果只需要给某一个元素添加样式,可以使用class属性或者id属性,再或者楼上的first-child

查看更多
ら.Afraid
4楼-- · 2020-11-17 19:26

两个 p 都是 div 的子元素,没毛病
子元素选择器又不区分数量
你想要实现只匹配第一个子元素
可以 div > p:nth-of-type(1)

查看更多
祖国的老花朵
6楼-- · 2020-11-17 19:32

div>p是代表div下的所有p,建议改成 div>p:first-child

查看更多
Ridiculous、
7楼-- · 2020-11-17 19:37
p:first-child

建议百度一下

查看更多
登录 后发表回答