CSS样式表中.,#,各有什么含义
2个回答
2014-10-10
展开全部
. 点 表示 一个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>
,表示具有统一属性的样式联合写在一起 以达到节省代码的作用
#表示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>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询