CSS选择器 - 2 层级选择器

1.后代选择器
选中parent元素内部后代所有 n 元素。
parent n{}

2.子代选择器
选中 parent 元素内部 的子元素 n
parent>n{}

3.兄弟选择器
选中 brother 元素后面的所有某一类兄弟元素 n。
brother~n{}

4.相邻选择器
选中brother元素后面的某一个相邻的兄弟元素n。
brother+n{}

5.组合选择器
可以让上面提到的选择器多个组合起来使用
brother+n,parent n{}

.aaa+p,div div p {
        background: red;
    }
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 10,178评论 0 0
  • 其实平时用得多的选择器无非也就是那么几个,时间久了,许多不常用的选择器就慢慢忘记了。为了不让自己忘记这些选择器,今...
    盛夏晚清风阅读 5,864评论 0 5
  • CSS选择器 标签选择器 什么是标签选择器? 作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然...
    Jackson_yee_阅读 3,490评论 0 0
  • CSS选择器结构逻辑图 接下来按照结构逻辑图具体讲解各个选择器的作用及用法; 基本选择器 基本选择器主要有以下5类...
    FoolishFlyFox阅读 3,715评论 0 8
  • CSS选择器 标签选择器 什么是标签选择器? 作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然...
    极客江南阅读 14,050评论 10 109

友情链接更多精彩内容