Jquery 两个类的圆角实现

我如何为2个CSS项目实现这个JQuery圆角插件

下面是我对1个CSS类项目“全局内部”的实现：

$（“#全局内部”）.corner（'15px'）；
#全球内部
{
背景：url（“/images/main_bg2.gif”）重复y滚动0 0#E4EAEF；
字体系列：Arial；
字体大小：1.2米；
利润率：15px0.55px0；
溢出：隐藏；
文本对齐：左对齐；
宽度：882px；
}
#mid featureright常见问题解答.contentbox
{
宽度：284px；
/*填充：6px*/
填充：6px 6px 1px 6px；
保证金：0；
位置：相对位置；
背景色：#D5DBE0；
/*背景色：红色*/
}

我还需要为这个类添加这个实现：#mid featureright faq.contentbox

下面是一个关于JSFIDLE的工作示例：

下面是一个仅用于1个CSS类的实现：

我试图实现Ken的一个建议，我现在试图将一个类传递给函数，因此我将一些以前是ID的CSS函数更改为类：

#global-wrap .rounded 
{
background: url("/images/main_bg2.gif") repeat-y scroll 0 0 #E4EAEF;
font-family: Arial;
font-size: 1.2em;
margin: 15px 0 55px 0;
overflow: hidden;
text-align: left;
width: 882px;
}

<script type="text/javascript">
    $('.rounded').corner('15px');
</script>

#全局换行。四舍五入
{
背景：url（“/images/main_bg2.gif”）重复y滚动0 0#E4EAEF；
字体系列：Arial；
字体大小：1.2米；
利润率：15px0.55px0；
溢出：隐藏；
文本对齐：左对齐；
宽度：882px；
}
$（'.rounded'）。角（'15px'）；

但是，对于我定义的另一个完整类，这不起作用：

#mid-featureright-faq
{
width:296px;
float:left;
position: relative;
/*background-color:#D5DBE0;*/
}
#mid-featureright-faq .contentheader
{
height:53px;
width:296px;
margin:0 0 0 0;
position:relative;
background-color:green;
}    
#mid-featureright-faq .rounded
{
width:284px;
/*padding:6px;*/
padding:6px 6px 1px 6px;
margin:0 0 0 0;
position:relative;
/*background-color:#D5DBE0;*/
background-color:Red;
}

<div id="mid-featureright-faq">
    <div class="contentheader">
    </div>
    <div class="rounded">here
    </div>
</div>

#中间功能右常见问题解答
{
宽度：296px；
浮动：左；
位置：相对位置；
/*背景色：#D5DBE0*/
}
#mid featureright常见问题解答.contentheader
{
高度：53px；
宽度：296px；
保证金：0；
位置：相对位置；
背景颜色：绿色；
}    
#中间功能右常见问题解答。四舍五入
{
宽度：284px；
/*填充：6px*/
填充：6px 6px 1px 6px；
保证金：0；
位置：相对位置；
/*背景色：#D5DBE0*/
背景色：红色；
}
在这里

如果希望选择器按ID匹配多个项目，可以执行以下操作：

$('#global-inner, #mid-featureright-faq').corner('15px');

更好的方法可能是向这些元素中的每个元素添加一个类，并基于该类进行选择：

<div id="global-inner" class="content"> Stuff </div>
<div id="mid-featureright-faq" class="content"> Junk </div>

<>为了更好的性能，您可以考虑减少选择器的范围：

$('#some-outer-container').children('.content').corner('15px');

---

如果希望选择器按ID匹配多个项目，可以执行以下操作：

$('#global-inner, #mid-featureright-faq').corner('15px');

更好的方法可能是向这些元素中的每个元素添加一个类，并基于该类进行选择：

<div id="global-inner" class="content"> Stuff </div>
<div id="mid-featureright-faq" class="content"> Junk </div>

<>为了更好的性能，您可以考虑减少选择器的范围：

$('#some-outer-container').children('.content').corner('15px');

---

此解决方案适用于两个不同的类别：

<script type="text/javascript"> 
    $('.contentboxx, .rounded').corner('15px');
</script>

<div id="global-wrap">
    <div class="rounded">
    </div>
</div>

<div id="mid-featureright-faq">
    <div class="contentheader">
    </div>
    <div class="contentboxx">
    </div>  
</div>

$（'.contentboxx，.rounded'）。角（'15px'）；

此解决方案适用于两种不同的类别：

<script type="text/javascript"> 
    $('.contentboxx, .rounded').corner('15px');
</script>

<div id="global-wrap">
    <div class="rounded">
    </div>
</div>

<div id="mid-featureright-faq">
    <div class="contentheader">
    </div>
    <div class="contentboxx">
    </div>  
</div>

$（'.contentboxx，.rounded'）。角（'15px'）；

在我的例子中，我有两个ID:#全局内部ID和一个具有自己类的不同ID:#mid featureright faq.Contentbox您当然可以使用多个ID。但是如果你有，比如说，一百个ID，你就不会想把它们都列在选择器中。您还可以专门为此函数添加一个类，即使已经存在一个类：

。如果容器div的所有子级都应该被处理为圆角，那么您可以使用

children（）

来选择它们。在我的例子中，我有两个ID:#全局内部ID和一个不同的ID，它有自己的类：#mid featureright faq。contentboxYou当然可以使用多个ID。但是如果你有，比如说，一百个ID，你就不会想把它们都列在选择器中。您还可以专门为此函数添加一个类，即使已经存在一个类：

。如果容器div的所有子级都应该处理为圆角，则可以使用

children（）

将它们全部选中。