css伪类选择器

伪类选择器
:link{ }
用于向某些选择器添加特殊的效果;
一、链接伪类选择器:

  • :link /* 未访问的链接 */
  • :visited /* 已访问的链接 */
  • :hover /* 鼠标移动到链接上 */
  • :active /* 选定的链接 */
    要按上面的顺序编写
    记忆:lv 包包 hao

二、结构(位置)伪类选择器

  • :first-child :选取属于其父元素的首个子元素的指定选择器
  • :last-child :选取属于其父元素的最后一个子元素的指定选择器
  • :nth-child(n) : 匹配属于其父元素的第 N 个子元素,不论元素的类型
  • :nth-last-child(n) :选择器匹配属于其元素的第 N 个子元素的每个元素,不论元素的类型,从最后一个子元素开始计数。
    n 可以是数字、关键词或公式

三、目标伪类选择器(CSS3)
:target目标伪类选择器 :
可用于选取当前活动的目标元素

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS伪类选择器是一种用于选择HTML元素的CSS选择器,它们不是基于元素的属性,而是基于元素在文档中的位置、状态或内容等特征进行选择。而CSS计数器是一种伪类选择器,它通过一个变量来设置,根据规则递增变量。可以用于为元素添加序号或计数器。下面是一些常见的CSS计数器伪类选择器: 1. :first-child:选择某个元素的第一个子元素。 2. :last-child:选择某个元素的最后一个子元素。 3. :nth-child():选择某个元素的一个或多个特定的子元素。 4. :nth-last-child():选择某个元素的一个或多个特定的子元素,从这个元素的最后一个子元素开始算。 5. :first-of-type:选择一个上级元素下的第一个同类子元素。 6. :last-of-type:选择一个上级元素的最后一个同类子元素。 7. :only-child:选择的元素是它的父元素的唯一一个子元素。 8. :only-of-type:选择一个元素是它的上级元素的唯一一个相同类型的子元素。 9. :nth-of-type():选择指定的元素。 10. :nth-last-of-type():选择指定的元素,从元素的最后一个开始计算。 CSS计数器可以通过设置变量和规则来实现元素的计数,可以用于为元素添加序号或计数器。例如,可以使用以下代码为每个元素添加一个计数器,并在每个元素前添加“Section <计数值>:”: ``` body { counter-reset: section; } .element:before { counter-increment: section; content: "Section " counter(section) ": "; } ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值