网页css问题：a统一做了样式设定，给第二个a内部又加了样式单独进行设定，但是这个单独的样式却不起作用，

Question

<a href="javascript:void(0)">全部</a>
<a class="recipesortfront" href="javascript:void(0)">素菜</a>
这是a及recipesortfront样式的设定：

.recipesort a{ float:left; margin:9px 10px; font:12px "宋体";color:#453C37; text-align:center; text-decoration:none;}
.recipesortfront{ font-size:18px;font-weight:bold; color:#F30;}

Answer 1

这你用的神马东东。。
.recipesort和.recipesortfront的优先级都是相同的、、、
但是.recipesort和.recipesort a多了一个a。。。肯定比.recipesortfront的优先级高了
在.recipesortfront前面加个a就行了：a.recipesortfront

或者是改成.recipesort .recipesortfront

希望对你有所帮助。。

Answer 2

因为他的优先级不够 上面的a有两层 下面的只有一层 你可以给下面的样式加!important 也可以把把也弄成两层 比如说：.××× .recipesortfront{}本回答被网友采纳