CSS组合选择器有哪一些?怎么利用?
发布时间:2022-04-20 09:03:18 所属栏目:语言 来源:互联网
导读:当我们要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,那么就需要使用到css选择器。而css组合选择器就是组合去使用基础选择器。css组合选择器对很多新手来说都是比较难懂的,这篇文章就给大家介绍一下css组合选择器怎么用,希望对大家学习
当我们要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,那么就需要使用到css选择器。而css组合选择器就是组合去使用基础选择器。css组合选择器对很多新手来说都是比较难懂的,这篇文章就给大家介绍一下css组合选择器怎么用,希望对大家学习有帮助。 CSS组合选择符包括各种简单选择符的组合方式,在 CSS3 中包含了四种组合方式: 后代选择器(以空格分隔) 子元素选择器(以大于号分隔) 相邻兄弟选择器(以加号分隔) 普通兄弟选择器(以破折号分隔) 1.后代选择器 后代选择器用于选取某元素的后代元素。 以下实例选取所有 <p> 元素插入到 <div> 元素中: div p{ background-color:yellow; } 2. 后续兄弟选择器 后续兄弟选择器选取所有指定元素之后的相邻兄弟元素。 以下实例选取了所有 <div> 元素之后的所有相邻兄弟元素 <p> : div~p { background-color:yellow; } 以上就是对CSS组合选择器的介绍,相信大家都了解CSS组合选择器怎么用了,更多css内容大家可以继续关注其他文章。 (编辑:南通站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |