css3属性选择器，兄弟选择器，伪类选择器

时间：2020-02-13 15:06:30 阅读：151 评论：0 收藏：0 [点我收藏+]

标签：就是空值名称 fir bsp 获取 att 并且限制

属性选择器

css3语法（类似于正则）

技术图片

属性选择器：属性是相对于标签而言。

所谓属性选择器就是根据指定名称的属性的值来查找元素

　　/*1.E[attr]:查找指定的拥有attr属性的E标签。如查找拥有style属性的li标签*/

li[style]{

text-decoration: underline;

}

/*2.E[attr=value]:查找拥有指定的Attr属性并且属性值为value的E标签。如想查找拥有class属性并且值为Red的li标签 =是严格匹配*/

li[class=red]{

/*font-size: 30px;*/

}

/*3.E[attr*=value]:查找拥有指定的attr属性并且属性值中包含(可以在任意位置)value的E标签*/

li[class*=red]{

/*font-size: 30px;*/

}

/*4.E[attr^=value]:查找拥有指定的attr属性并且属性值以value开头的E标签*/

li[class^=blue]{

font-size: 30px;

}

/*5.E[attr$=value]:查找拥有指定的attr属性并且属性值以value开结束的E标签*/

li[class$=blue]{

/*font-size: 30px;*/

}

兄弟选择器

　　+：获取当前元素的相邻的满足条件的元素

~：获取当前元素的满足条件的兄弟元素

伪类选择器（根据父元素）

技术图片

这种用法不是很友善，一般数据项是从后台获取的，有很多未知列

可以使用first-of-type限制类型

技术图片

指定位置的项

技术图片

空值的项

技术图片

css3属性选择器，兄弟选择器，伪类选择器

标签：就是空值名称 fir bsp 获取 att 并且限制

原文地址：https://www.cnblogs.com/ll15888/p/12303386.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行