将CSS子类添加到JavaScript中使用的CSS项目？

第一次使用CSS，所以我的问题可能没有意义。我正在使用使用javascript来滑动CSS项目的菜单模板。我有多个项目彼此相邻，我想通过为项目创建子类来替换背景（例如：.cc_item .odd{background:#fff}）。将CSS子类添加到JavaScript中使用的CSS项目？

风格：

.cc_item{ 
    text-align: center; 
    width: 140px; 
    height: 600px; 
    float: left; 
    border-bottom: 1px solid #000; 
    background: #e8c486 url(../images/menuBack.jpg) repeat top left; 
    position: relative; 
    -moz-box-shadow: 3px -3px 10px #000; 
    -webkit-box-shadow: 3px -3px 10px #000; 
    box-shadow: 3px -3px 10px #000; 
}

HTML：

<div class="cc_item" style="z-index:6;"> 
    <img src="images/1.jpg" alt="image" /> 
    <span class="cc_title">Pizza</span> 
    <div class="cc_submenu"> 
     <ul> 
      <li class="cc_content_1">Pizzas</li> 
      <li class="cc_content_2">Calzones</li> 
     </ul> 
    </div> 
</div>

我想一个.odd{ }添加到cc_item所以在HTML我可以指定 “奇” cc_item类。我已经尝试了几件事情，但似乎无法让它起作用。

我不知道向CSS项目添加子类的正确方法。我已经完成了我的表格样式表，但“。”在cc_item面前抛出我（对不起......真的很新）。
我不知道在html中指定“class = odd”的位置。
我不知道我是否进行了这些更改，使用cc_item的javascript将会受到影响。

谢谢。

来源

2010-10-05 Jim D.

你可以给一个元素，像这样多个类：

<div class="cc_item odd" style="z-index:6;">

用空格分开只是他们。

要引用代码中使用CSS或jQuery的，你可以链一起上课，并指他们像这样：

.cc_item.odd { /*styles go here*/ } or $('.cc_item.odd')

这将打击与两个类的任何信息。如果你想要这个工作在IE6，这里阅读说明： http://www.oppenheim.com.au/2009/05/24/multiple-css-classes-a-little-known-ie6-hack/

而且，只是一个供参考 - 当你使用jQuery的addClass()方法，它会自动添加类你之间的空间，因此，所有你需要通过是奇怪的类。

来源

2010-10-06 00:14:47 Marcus

谢谢。这完成了这项工作。我很感激。 – 2010-10-06 02:19:43

嘿！我喜欢这个！我不知道你可以把两个类放在CSS中！ – 2010-10-06 12:26:38

我不认为这是一个CSS子类的任何这样的事情..但尝试这个

添加新.cc_item_odd{...}现有关闭布雷斯}后（我不只是把它.odd，因为这是描述性较差因为没有小类，所以更容易发生冲突）

当你改变你的班级设置class="cc_item cc_item_odd"这就是你如何应用多个班级。我不知道你的JavaScript是怎么做的查找，但我认为这将是不受影响

来源

2010-10-05 23:17:26

感谢您的回复。 – 2010-10-06 02:20:09

将CSS子类添加到JavaScript中使用的CSS项目？

回答

相关问题