代码之家 › 专栏 › 技术社区 › Kelvin

jqueryui:如何为同一页面上的选项卡和滑块定义不同的CSS样式

jquery-ui-tabs slider css jquery

Kelvin · 技术社区 · 16 年前

我无法重新定义slider的类,因为css的更改将影响这两个元素。

ui-tabs ui-widget ui-widget-content ui-corner-all

ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all

如何在不修改选项卡的情况下修改滑块css?

1 回复 | 直到 16 年前

Dan Heberden 16 年前

告诉你的风格做什么:)

.ui-slider{
 /* regular used in other areas etc, etc */
}

#mySlider.ui-slider {
/* forced styles, whatever, etc, etc */
}

.customSlider.ui-slider {

}
.customSlider.ui-corner-all {

}

html格式

<div id="mySlider" class="slider"></div>
or
<div class="customSlider"></div>

我应该在css上指定:

可以为选择器指定多个限定符。。css如下:

#idOfElement.classname {
 /* will only match items with id of "idOfElement" and class of "classname"
  <div id="idOfElement" class="classname" ></div> */
}

div.classname.classname2 {
  /* will only match divs with both classnames:
   <div class="classname classname2" ></div> */
}

希望这能让你对发生的事情有个好的了解。。。

推荐文章