CSS的id选择器和class选择器

2025-11-13 15:04:23

1、首先,新建test.html网页文档,代码如下:

<html>

<head>

<link rel="stylesheet" type="text/css" href="test.css" />

</head>

<body>

<span id="ss">id</span>

<div class="dd">class</div>

</body>

</html>

如图:

CSS的id选择器和class选择器

2、接下来,书写CSS样式表,代码如下:

#ss{

color:red;

}

.dd{

color:blue;

}

注意:id选择器用#开头,类选择器用.开头

CSS的id选择器和class选择器

3、id选择器是唯一的,而类选择器可以有多个。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢