CSS样式表里的标识符是如何定义的？

发布网友发布时间：2022-04-20 03:54

共2个回答

热心网友时间：2023-09-23 04:11

. 点表示一个class类, 类可以被多个标签调用
,表示具有统一属性的样式联合写在一起以达到节省代码的作用
#表示ID， id是具有唯一性的，一个页面只能引用一次，而 . class可以多次重复使用。
例子：
<a href="#" class="a">我是红色连接</a>
<a href="#" class="a">我也是红色连接</a>
.color{color:red;}
，例子
.a{color:#red;font-size:14px;}
.b{color:#red;font-size:16px;}
.c{color:#red;font-size:18px;}
可以看到他们都一个共同的特点那就是color:red;这是我们可以简单缩写成：
.a,.b,.c{color:#red}
.a{font-size:14px;}
.b{font-size:16px;}
.c{font-size:18px;}
而id就一个页面就只有一个，他的css优先级也是最高的，如果一个标签同时含有一 class和一个id,而id和class里都一个相同类型的定义的话，会最终以id的样式优先。
如：
.a{color:red;}
#b{color:#000;}
<a href="#" class="a" id="b">我是id优先：黑色连接</a>

热心网友时间：2023-09-23 04:12

这个样式选择器：
.代表的是class选择器，比如<p class='hhh'>ssss</p>
那么要获取这个元素可以：
.hhh{
样式

}

#代表是ID选择器，通过标签的ID属性获取元素比如：<p ID='ddd'>ssss</p>
#ddd{
样式
}
当然还有很多选择器，不过常用是这2种还要加上一种，标签名称比如上面就是p标签：
p{
样式
}

首页

文章

CSS样式表里的标识符是如何定义的？