加入收藏 | 设为首页 | 会员中心 | 我要投稿 南通站长网 (https://www.0513zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 编程要点 > 语言 > 正文

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内容大家可以继续关注其他文章。

(编辑:南通站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读