010 认识CSS 组合选择器

目录

html标签就是一个树型结构，以html节点为根节点以下节点，分别为父节点，子节点，兄弟节点，后代节点。
上节讲 id 标签名 class ，前2种辐射范围太大，
那么如何精准的找到某一个标签赋予样式，接下来看组合选择器

在父子级标签的选择

01 后代选择器

子孙后代一要名称一致，就能被加载，不在乎中间隔了多少代
后代选择器：按照父子孙的名称标签，符合规则的样式被加载，如果 html页面出现n个分支一致的名称标签，也都将被加载
image-20230301215424281 
中间隔代的话，也会被渲染，class标签取名要慎重，尽量不能重名
image-20230301220548047

02 子代选择器

使用 > 大于号，只找自己的儿子，也就是说 嫡传长子，其他的不行。
image-20230301221335755

在平级标签的选择器

03 与或 选择器

与选择器 就是通过一个标签的两个或者多个选择器名称定位到这个标签  ，不同的标签贴合在一起
标签选择器 在前，class选择器 在后
一般不和 id选择器公用 ，因为id选择器是唯一选择器
image-20230301222137180 
 或选择器   不同的筛选规则，使用，逗号连接或者的意思
image-20230301223719283

04 兄第选择器

在同一个父级标签下的标签都成为兄弟标签

毗邻兄弟标签，只能是该标签的下方第一个  使用 + 进行链接
  
其他同级标签都是普通兄弟标签  使用  - 进行链接
image-20230301224944351
posted @ 2022-03-01 22:05  mmszxc  阅读(87)  评论(0)    收藏  举报