【CSS】选择器

基础选择器

概念描述语法
注释单行与当行注释一样/* 注释 */
声明块通过声明块来指定要为元素设置的样式{ 样式内容:键:值; }
选择器通过选择器可以选中页面中的指定元素
通配选择器选中页面中的所有元素*{}
标签选择器根据HTML标签选中元素标签名{}
类选择器根据元素的 class 属性值选中一组元素.类名
ID 选择器根据元素的id属性值选中一个元素#id名{}
属性选择器根据元素的属性值选中一组元素标签[属性[=值]]{}
交集选择器选中同时复合多个条件的元素选择器1 选择器2 选择器3 选择器n{}
并集选择器同时选择多个选择器对应的元素选择器1,选择器2,选择器3,选择器n{}
子元素选择器选中指定父元素的指定子元素父元素 > 子元素
后代元素选择器选中指定元素内的指定后代元素祖先 后代
兄弟元素选择器选择下一个兄弟前一个 + 下一个 前一个 + 下一组

伪类选择器

概念语法描述
伪类选择器:状态用来描述一个元素的特殊状态,例如:被点击、鼠标移入
:first-child第一个子元素
:last-child最后一个子元素
:nth-child()选中第 n 个子元素
:first-of-type同类型中的第一个子元素
:last-of-type同类型中的最后一个子元素
:nth-of-type()选中同类型中的第 n 个子元素
:hover鼠标悬停时的链接
:active鼠标点击时的链接
:not()否定伪类,将符合条件的元素从选择器中去除
:link未访问的链接
:visited已访问的链接
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值