JQuery头部格式语法(CSS)
JQuery formatting syntax for header (CSS)
我正在尝试格式化自定义jQuery UI对话框的标题栏。对话框有一个指定的类(例如.orange
),如下所示:
.ui-dialog.orange {
background: #F9F9F9;
border: 3px solid orange;
}
我想改变标题栏如下
.ui-dialog-titlebar {
background: purple;
}
但仅适用于.orange
类
我试着
.ui-dialog-titlebar.orange {
background: purple;
}
和
.ui-dialog.orange {
background: #F9F9F9;
border: 3px solid orange;
#titlebar {
background: purple;
}
}
没有任何成功。谁能给我提供正确的语法?谢谢。
答案是选择嵌套的元素。
.ui-dialog.orange .ui-dialog-titlebar {
background: purple;
}
或者,如果使用预处理器(SASS/LESS):
.ui-dialog {
/* ... */
&.orange {
.ui-dialog-titlebar {
background: purple;
}
}
}
相关文章:
- CSS-如何定位内容数据标题
- 窗口大小html css
- 如果文本字段为空,则使用JavaScript应用CSS样式
- 动画.CSS重播
- 有没有一种方法可以防止img get请求使用css或js发生
- 通过jQ语法分配CSS
- 使用类似 JQuery 的选择器语法以编程方式编辑 Less (css) 代码
- Bootstrap 不会编译 css 语法错误:无法读取属性 'toCSS'
- JS中包含CSS多属性的正确语法
- 带有变量的 jquery 语法 .css()
- 在浏览器控制台的less.css中显示语法错误
- JQuery头部格式语法(CSS)
- CSS语法在.js中不兼容
- 在JavaScript中,通过条件语句更改css的正确语法是什么?
- 使用CSS悬停与jQuery(语法)
- JQuery CSS选择器语法错误
- JavaScript颜色选择器使用CSS语法I'I’我不熟悉
- 需要Javascript语法来引用CSS类而不是HTML元素
- Web代码的语法高亮笔,如html,php,css
- 浏览器端CSS抽象语法树生成器.(JavaScript,但不是Node)