天涯论坛

 找回密码
 立即注册
搜索
查看: 59|回复: 2

css选取器归类

[复制链接]

2999

主题

220

回帖

9909万

积分

论坛元老

Rank: 8Rank: 8

积分
99099144
发表于 2024-6-30 06:56:55 | 显示全部楼层 |阅读模式

1,基本选取

1.1,通用选取

*{属性:值;}—>*{margin 0px;}

1.2,标签选取

标签名{属性:值;}—>p{font-size:14px}

1.3,类选取

.class属性值{属性:值;}—>.box{width:800px;}

1.4,id选取

#id属性值(属性:值;)—>#title{font-size:14px;}

2,复合元素选取

2.1,多元素选取

选取器1,选取器2{属性:值;}—>p,h1,h2{margin 0px;}

2.2,后代元素选取

E F{属性:值;}—>#slidebar p {font-color:#990000;}

2.3,子元素选取

E>F{属性:值;}—>div>p{color:#990000;}

2.4,相邻元素选取

E+F{属性:值;}—>div+div{color:#993,伪类选取

:link :visited :hover :active

4,属性选取

1)[attr]匹配所有拥有attr属性的元素,不思虑它的值

2)[attr=“val”]匹配所有attr属性值等于val的元素

3)[attr^=“val”]匹配元素中attr属性以指定值开头的所有元素

4)[attr$=“val”]匹配元素中attr属性以指定值结尾的所有元素

5)[attr*=“val”]匹配元素中attr属性中包括指定值的所有元素





上一篇:详解:5种CSS选取器的结合运用
下一篇:css 选取器类型有哪几种?
回复

使用道具 举报

1

主题

659

回帖

-4

积分

限制会员

积分
-4
发表于 2024-8-21 22:33:55 | 显示全部楼层
这夸赞甜到心里,让我感觉温暖无比。
回复

使用道具 举报

3070

主题

3万

回帖

9915万

积分

论坛元老

Rank: 8Rank: 8

积分
99158931
发表于 2024-10-6 22:20:33 | 显示全部楼层
你字句如珍珠,我珍藏这份情。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-23 20:14 , Processed in 0.142251 second(s), 22 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.