大概描述 <div> <p>hhhh</p> <p>lllll</p> 这是html
div > p { font-size: 150%; }
按子代关系选择器来说,应该是第一个p标签字体变大,事实是两个p标签都变大了
https://www.w3school.com.cn/cssref/selector_element_gt.asp
https://www.w3school.com.cn/cssref/css_selectors.asp
两个 p 都是 div 的子元素,没毛病 子元素选择器又不区分数量 你想要实现只匹配第一个子元素 可以 div > p:nth-of-type(1)
div > p:nth-of-type(1)
p:first-child
建议百度一下
div > p 你这样写,选中的就是 div中所有的p标签,如果只需要给某一个元素添加样式,可以使用class属性或者id属性,再或者楼上的first-child
div>p是代表div下的所有p,建议改成 div>p:first-child
两个p都是子代,最简单的就是id选择器,加个id