关于重写mini-button这个class的背景色

mini3000

页面中有3个按钮，分别是<div>

<a class="mini-button"  onclick="toBuyProduct1();">继续选购1</a>
<a class="mini-button"  onclick="toBuyProduct2();">继续选购2</a>
<a class="mini-button"  onclick="toBuyProduct3();">继续选购3</a>
</div>
我想通过一个独立的main.js控制来修改它的背景颜色，在js中写到
$(".mini-button").css({background: '#FFDDA0',fontWeight: 'bold'});

这样写颜色是改变了，但在同一页面还有个datagrid，上面的写法会将datagrid内的按钮（例如自带的翻页按钮）也会改变。

我想改变前面3个按钮的颜色，但又不会改变datagrid内的按钮颜色，应该怎样写？

felt

<a class="mini-button aa"  onclick="toBuyProduct1();">继续选购1</a>
<style type="text/css">
    .mini-button.aa{
       background:#ffdda0;
       font-weight:bold;
    }
    </style>

mini3000

felt 发表于 2014-4-9 14:58
继续选购1

    .mini-button.aa{

原来如此，虽然这样写需要多加一个class样式，但还是能解决到问题。谢谢解答

factory

mini3000 发表于 2014-4-9 15:20
原来如此，虽然这样写需要多加一个class样式，但还是能解决到问题。谢谢解答 ...

动态修改

tb.setCls("aa")