Question

css样式设置除了某个class为p_current的其他a标签样式？

代码：
<div class="p_navigates">
<a class="p_current" >1</a>
<a href="# ">2</a>
<a href="# ">下一页</a>
<a href="#">末页</a>
</div>
如果要设置p_current 的a标签样式的话可以用.p_navigates .p_current{样式}

但是我现在想设置除了p_current以外 其他3个a标签的样式该怎么设置？？只能用css做行不行？ 谢谢拉

Answer 1

你是要4个a标签都同一个样式还是每个标签一个样式？

前者的做法：

<style>
.p_navigates a{/*样式*/}
</style>
<div class="p_navigates">
 <a href="# ">1</a>
 <a href="# ">2</a>
 <a href="# ">下一页</a>
 <a href="#">末页</a>
</div>

后者的做法：

<style>
.p_current1{}
.p_current2{}
.p_current3{}
.p_current4{}
/*一般不赞成这样做，网页小的话还不会怎样，大的网站就不行了*/
</style>
<div class="p_navigates">
 <a href="# " class="p_current1">1</a>
 <a href="# " class="p_current2">2</a>
 <a href="# " class="p_current3">下一页</a>
 <a href="#" class="p_current4">末页</a>
</div>

Answer 2

猜测你是想在鼠标经过时的样式与其他的样式不同吧 给链接用 hover 属性就行了

Answer 3

其他三个样式可以直接定义在 .p_navigates a{样式} 中，由于.p_navigates .p_current 的权重比 .p_navigates a 高，所以.p_navigates .p_current会覆盖掉在.p_navigates a中定义的样式，达到你想要的效果。

Answer 4

.p_navigates a:not(.p_current){}

Answer 5

<style type="text/css">
<!--
.p_navigates{}
.p_navigates a{}
.p_navigates .p_current{}
-->
</style>
这样定义样式就可以了