天涯论坛

 找回密码
 立即注册
搜索
查看: 91|回复: 3

CSS 中的常用选取器

[复制链接]

3070

主题

3万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99138950
发表于 2024-6-30 06:53:26 | 显示全部楼层 |阅读模式

常用三种选取

标签选取

p{

color: red;

}

id选取

id独一性)

id命名:数字、字母、下划线、中划线(-),不

能用数字开头

#p_1{

font-size: 30px;

color: yellowgreen;

}

class选取

.p_2{

font-weight: bold;

color: yellow;

}

三种选取器的优先级:

id 选取器>class 选取器>标签选取

后代选取器 只要包括该标签对象就可

div span{

font-size: 27px;

font-family: 宋体;

color: red;

}

选取器 直系子标签

div>span{

color: red;

}

兄弟选取器 只会改变下面相邻的元素对象

#p_1+p{

color: green;

}

兄弟选取器 后面所有的兄弟对象都会改变

#p_1~p{

color: red;

font-size: 30px;

}

伪类选取

a:hover{

color: red;

}





上一篇:你必要记住的30个css选取器
下一篇:CSS选取器优先级详解
回复

使用道具 举报

0

主题

1万

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 2024-8-21 17:26:42 | 显示全部楼层
我完全赞同你的观点,思考很有深度。
回复

使用道具 举报

3070

主题

3万

回帖

9915万

积分

论坛元老

Rank: 8Rank: 8

积分
99158931
发表于 2024-10-18 00:17:17 | 显示全部楼层
楼主发的这篇帖子,我觉得非常有道理。
回复

使用道具 举报

3091

主题

3万

回帖

9909万

积分

论坛元老

Rank: 8Rank: 8

积分
99098764
发表于 2024-10-29 18:43:43 | 显示全部楼层
你的话语如春风拂面,让我心生暖意。
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-23 16:56 , Processed in 2.004949 second(s), 40 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.