CSS 常用选择器

CSS 选择器:https://www.w3school.com.cn/css/css_selectors.asp
CSS 选择器参考手册:https://www.w3school.com.cn/cssref/css_selectors.asp

标签 标签选择器
# id选择器
. 类选择器

空格 
div p # 选择 <div> 元素内的所有 <p> 元素。
> 
div > p # 选择父元素是 <div> 的所有 <p> 元素。
+ 
div + p # 选择紧跟 <div> 元素的首个 <p> 元素。
~ 
p ~ ul # 选择前面有 <p> 元素的每个 <ul> 元素。


:first-child 第一个
:nth-child(n) 第几个
:nth-last-child(n) 从后算第几个
CSS 选择器
CSS 选择器用于“查找”(或选取)要设置样式的 HTML 元素。

我们可以将 CSS 选择器分为五类:

简单选择器(根据名称、id、类来选取元素)
组合器选择器(根据它们之间的特定关系来选取元素)
伪类选择器(根据特定状态选取元素)
伪元素选择器(选取元素的一部分并设置其样式)
属性选择器(根据属性或属性值来选取元素)
posted @ 2022-03-22 16:57  左岸丶  阅读(80)  评论(0编辑  收藏  举报