css div元素选择器

问题:

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

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

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

回答1:

https://www.w3school.com.cn/cssref/selector_element_gt.asp

https://www.w3school.com.cn/cssref/css_selectors.asp

回答2:

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

回答3:

p:first-child

建议百度一下

回答4:

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

回答5:

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

回答6:

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