相关疑难解决方法(0)

如何在不复制的情况下在另一个类中重用css类内容?

是否可以将现有的css类用作另一个类中的内容?

我的意思是:

Contained in some library:
.class1 { text-indent: 100 }

 I can not change this:
 <span class="class2" />
Run Code Online (Sandbox Code Playgroud)

class2的定义也包含在另一个库中.所以我无法直接改变它.

But I want to do something like that in my CSS file:
.class2 { .class1 }
Run Code Online (Sandbox Code Playgroud)

我知道这种形式是不可能的.但也许可以使用一些技巧来实现行为而不复制内容class1?我需要这个,因为我想用另一个CSS类的内容重新定义类.我们的项目也使用JQuery,但我会用CSS做.

编辑:我应该解释更多,我无法改变如何定义.class1,因为这个类在库中,我无法更改span类的标记.

html css jquery

20
推荐指数
3
解决办法
2万
查看次数

在<head>中动态添加链接样式表

如何将链接样式表引用添加到文档头部?

我发现这个代码但是它不适用于所有浏览器,它崩溃了我的IE7:

var ss = document.createElement("link");
ss.type = "text/css";
ss.rel = "stylesheet";
ss.href = "style.css";
document.getElementsByTagName("head")[0].appendChild(ss);
Run Code Online (Sandbox Code Playgroud)

谢谢

javascript crash internet-explorer dom

17
推荐指数
2
解决办法
3万
查看次数

编辑“prefers-color-scheme”值以强制暗模式

我一直在寻找解决方案(在线和在 Chrome 控制台中),但没有成功。

实现暗模式的“正确”方法是使用带有“prefers-color-scheme”参数的媒体查询:

body {
    color:#fff;
}

@media (prefers-color-scheme: dark) {
    body {
        color:#fff;
        background:#333333
    }
}
Run Code Online (Sandbox Code Playgroud)
If you can read this text Dark Mode is Working
Run Code Online (Sandbox Code Playgroud)

某些浏览器(IE、Firefox Mobile 等)或使用 Xamarin 制作的应用程序无法以正确的方式传递此参数,因此我正在寻找一种手动更改它的方法。可能是这样的:

screen.prefers-color-scheme = "dark"; //or
window.prefers-color-scheme = "dark"; //or
navigator.prefers-color-scheme = "dark"; 
Run Code Online (Sandbox Code Playgroud)

我希望它是一个可从控制台读取的变量,但我浪费了很多时间寻找它但没有成功,我还阅读了许多关于名为“color-scheme”的元的帖子,但在我的项目中没有类似的东西(和黑暗模式工作正常)

此参数在 Windows 和 Mac osx 上实时读取,如果您在浏览器打开的情况下切换主题,黑暗模式将切换。

这可以保存在会话中吗?我失去理智

javascript css media-queries

5
推荐指数
1
解决办法
2099
查看次数

标签 统计

css ×2

javascript ×2

crash ×1

dom ×1

html ×1

internet-explorer ×1

jquery ×1

media-queries ×1