CSS学习之-05

2023-12-29 21:39:08

组合选择器

后代选择器:以空格分隔

后代选择器用于选取某元素的后代元素

div p {

} 本实例表示选取<div>元素的内的所有<p>元素设置

子元素选择器:以大于号>分隔

div>p {

}本实例表示选取<div>元素下的直接子元素<p>设置

相邻兄弟选择器:以加号+分隔

div+p {

}本实例表示可选择紧接在<p>元素后的<p>元素,且二者有相同父元素

后续兄弟选择器

div~p {

}本实例表示可选择在<div>元素后的所有相邻<p>兄弟元素

文章来源:https://blog.csdn.net/Dragonlongbo/article/details/135296427
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。