CSS选择器之属性选择器、关系选择器

属性选择器

1.E[att^=value]

E代表标签名,如p,div等等;att表示该标签定义了的一个属性名,如class、id等,value为该属性的属性值,该属性值为包含前缀 value的子字符串。若去掉E,则表示匹配满足条件的任意元素

2.E[att$=value]

基本原理同上,不过value表示该属性值应包含以value为后缀的子字符串

3.E[att*=value]

基本原理同上,但value表示的是属性值字符串中任意位置出现value子字符串。

关系选择器

1.子代选择器(>)

选择某元素的第一级子元素,如若strong 为p的第一级子元素 则有 p>strong ,并且可以连续使用,strong 有第一级子元素em,则可以p>strong>em.
子代选择器
实例1

2.兄弟选择器(+、~)

兄弟选择器
1.临近兄弟选择器:同一父元素,且第二个元素紧跟第一个元素
在这里插入图片描述

2.普通兄弟选择器:同一父元素,且第二个元素不必紧跟第一个子元素
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值