通常我有一个CSS文件,它有以下规则:
#my-window {
position: fixed;
z-index: 102;
display:none;
top:50%;
left:50%;
}
Run Code Online (Sandbox Code Playgroud)
如何通过在运行时操作期间将CSS信息添加到正文或类似的东西来避免创建这样的静态CSS文件?(仅使用jQuery)
我想用jQuery定义一次,然后多次使用它; 这就是为什么我不想每次都将它添加到特定的DOM元素.
我知道简单的功能(css("attr1", "value");
),但是如何创建完整的可重用CSS规则?
我正在寻找一种方法来改变JavaScript类的伪类选择器(例如:link,:hover等)的CSS规则.
所以CSS代码的类比:a:hover { color: red }
在JS中.
我无法在其他任何地方找到答案; 如果有人知道这是浏览器不支持的东西,那么这也是一个有用的结果.
我希望我的WebKit滚动条在其容器悬停时具有不同的颜色.我希望整个滚动条都亮起来.
我在想这样的事情可以解决问题(但事实并非如此):
.scroller:hover::-webkit-scrollbar {
background: green;
}
Run Code Online (Sandbox Code Playgroud)
我用相同的方式设置了滚动条的样式:打开.scroller
,而不是全局.(这有效.scroller::-webkit-scrollbar
:)我希望溢出的div特殊,而不是文档.
另一个(相关)问题:将鼠标悬停在滚动条上时点亮拇指.这不起作用:
.scroller::-webkit-scrollbar:hover ::-webkit-scrollbar-thumb
Run Code Online (Sandbox Code Playgroud)