css selectors CSS选择器

CSS selectors

css selectors are used to select the html elements you want to style.

there are four types of selectors.

  • simple selectors(select elements based on name, id, class)
  • Combinator selectors(select elements based on a specific relationship between them)
  • Pseudo-class selectors(select elements based on a certain state)
  • Pseudo-elements selectors(select and style a part of an element)
  • Attribute selectors(select elements based on an attribute or attribute value)

Simble selectors

simble selectors select elements based on name,id,class.
below are the pic of the simple selectors.

在这里插入图片描述

Combinator selectors

Combinator selectors select elements based on a specific relationship between them.
Below is the pic of the Combinator selectors.

在这里插入图片描述

Pseudo-class selectors

Pseudo-class selectors select elements based on a certain state.
Below is the some frequently used pseudo-class selectors.

在这里插入图片描述

Pseudo-elements selectors

pseudo-elements selectors select and style a part of an element.

在这里插入图片描述

Attribute selectors

attribute selectors select elements based on an attribute or attribute value.

在这里插入图片描述

Mind map

Click here

online demo

you can click here to see the deom for better understanding
click here

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值