【CSS】标签选择器、类选择器和ID选择器的区别

最新推荐文章于 2023-11-22 09:00:37 发布

一纸传说

最新推荐文章于 2023-11-22 09:00:37 发布

阅读量7.9k

点赞数 3

分类专栏： understand

本文链接：https://blog.csdn.net/aMyths/article/details/88828693

版权

32 篇文章 1 订阅

订阅专栏

1.标签选择器

标签选择器中的“标签”指的是HTML标签，such as：a、span、div、p、li、img等。

格式举例：

....

div{backgroud-color:red; font-size:16px;}

....

<div>...</div>//就会按标签里写的格式显示

2.类选择器

class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。

格式举例：

....
<style>
.center
{
text-align:center;
}
</style>
</head>

<body>
<h1 class="center">标题居中</h1>
<p class="center">段落居中。</p>
</body>
....

3.ID选择器

ID选择器为标签设置id="ID名称"，而不是class="类名称"。

ID选择符的前面是符号为井号（#），而不是英文圆点（.）。

ID选择器的名称是唯一的，即相同名称的id选择器在一个页面只能出现一次；

格式举例：

....

<body>
<p id="para1">Hello World!!!</p>

.....

优惠劵

关注关注