CSS中选择器的使用方法简介

最新推荐文章于 2023-10-10 21:57:47 发布

VIP文章 pink_pantise

最新推荐文章于 2023-10-10 21:57:47 发布

阅读量420

点赞数 1

分类专栏： CSS样式文章标签： css html

本文链接：https://blog.csdn.net/pink_pantise/article/details/111143243

版权

css常用选择器

1：ID选择器
2：类选择器
3：标签选择器
4：全局选择器
- 4-1：属性选择器
5：组合选择器
6：继承选择器
7：伪类选择器

1：ID选择器

ID选择器顾名思义，定义的是某一个特定和HTML元素，选择的是一个或多个标签定义ID属性值。

<html>
<head>
<title>css选择器</title>
<style>
	#idname{
    
		background-color:blue;
		width:30px;
		height:30px;
	}
</style>
</head>
<body>
	<div id="idname">使用ID选择器idname控制样式</div>
	<div id="idname">同样使用idname控制样式</div>
</body>
</html>

2：类选择器

类选择器选择的是标签中class值，当页面需要JS事件时通常用类选择器为单一或多个需要相同样式的标签进行定义。

<html>
<head>
<title>css选择器</title>
<style>
	.classname{
    
		background-color:blue;
		width:30px;
		height:30px;
	}
</style>
</head

最低0.47元/天解锁文章

pink_pantise

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
CSS中选择器的使用方法简介

css常用选择器1：ID选择器2：类选择器3：标签选择器4：全局选择器4-1：属性选择器5：组合选择器1：ID选择器ID选择器顾名思义，定义的是某一个特定和HTML元素，选择的是一个或多个标签定义ID属性值。<html><head><title>css选择器</title><style> #idname{ background-color:blue; width:30px; height:30px; }</sty
复制链接

扫一扫