CSS的选择器:基本选择器(3种)和高级选择器(6种)

选择器格式

名称{
	声明:值;
	声明:值;
	...
}

1.基本选择器

  • 标签选择器:标签名{ }
  • class选择器:.class名称{ } (不同的标签可以归为同一个class,一个标签可以有归属多个class)
  • id选择器:#id名称{ } (一个html中唯一确定)
    !!优先级:id>class>标签

2.高级选择器

  • 后代选择器:父元素 后代元素{ } (父元素结构内的所有后代元素)
  • 子代选择器:父元素>子元素{ } (父元素结构内的直接后代的所有子元素)
  • 相邻兄弟选择器:.class名称+元素1{ } (.class代表的元素相邻的下一个兄弟元素1)
  • 通用选择器:.class名称~元素1{ } (.class代表的元素之后的所有兄弟元素1)
  • 结构伪类选择器:元素:具体要求{ } (元素可以是复合型的)
ur li:first-child{}
ur li:last-child{}
p:nth-child(1){}  p的父级下对all元素排序,如果1为p元素则对其生效否则不生效
p:nth-of-type(1){} p的父级下对all p元素排序
  • 属性选择器:元素[属性的要求]{ }
a[id]{}  有id的a
a[id=he]{}  id值为he的a
a[class*=de]{}  属于de类的
a[href^=http]{}  前缀为http
a[href$=jpg]{}  后缀为jpg
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值