大概描述
<div>
<p>hhhh</p>
<p>lllll</p>
这是html
div > p {
font-size: 150%;
}
按子代关系选择器来说,应该是第一个p标签字体变大,事实是两个p标签都变大了
相关问题
- Views base64 encoded blob in HTML with PHP
- Is there a way to play audio on a mobile browser w
- HTML form is not sending $_POST values
- implementing html5 drag and drop photos with knock
- Adding a timeout to a render function in ReactJS
两个p都是子代,最简单的就是id选择器,加个id
div > p 你这样写,选中的就是 div中所有的p标签,如果只需要给某一个元素添加样式,可以使用class属性或者id属性,再或者楼上的first-child
两个 p 都是 div 的子元素,没毛病
子元素选择器又不区分数量
你想要实现只匹配第一个子元素
可以
div > p:nth-of-type(1)
https://www.w3school.com.cn/cssref/selector_element_gt.asp
https://www.w3school.com.cn/cssref/css_selectors.asp
div>p是代表div下的所有p,建议改成 div>p:first-child
建议百度一下