怎么在css中对同一个标签设置不同的样式

2024-12-17 13:23:06

推荐回答（5个）

回答1：

A标签

回答2：

给a增加不同的class类，给类增加css样式

a { 
    text-decoration:none; 
    color:#000;
}
.aclass {
  background: #fff;
}
.a1 {
  background: #111;
}
.a2 {
  background: #222;
}

回答3：

在原有的设置基础上，用class定义那些特殊样式的链接。
注意，class可以重复使用，例如可以有多个a设置class="special"，
当对这个class进行样式设置时，就可以同时对这多个a起作用了。

如果对个别a要进行特殊设置时，就给他一个单独的id，进行单独的样式处理。

回答4：

html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
xmlns="http://www.w3.org/1999/xhtml">

http-equiv="Content-Type"
content="text/html;
charset=gb2312"
/>
A标签
type="text/css">
*{
margin:0;
padding:0;}
a{
color:#00C;
text-decoration:none;
padding:0
20px;}/*整个页面A标签的属性*/
a:hover{
color:#F00;
text-decoration:underline}/*整个页面A标签鼠标滑过属性*/
.one,.two{
width:800px;
margin:20px
auto;
line-height:36px;
border:1px
solid
green;}
.two
a{
color:#000;}/*在.two这个div里面A标签的属性*/
.two
a:hover{
color:#0F0;}

class="one">href="#">百度href="#">新浪href="#">腾讯href="#">网易

class="two">href="#">百度href="#">新浪href="#">腾讯href="#">网易

回答5：

设置完全局的样式后，局部样式不一样，就在局部修改，例如某个div中的a的样式不一样：
.div a{
....
}