css-variables

0热度

1回答

我尝试了CSS变量，我想使用RGB颜色。这里是我的CSS的变量： color: var(--primary) 但有些段落也使用这种原色，我想给他们： --primary: rgb(112, 199, 255); 因此，使用下面的代码时，这工作绝对没问题略微透明。现在，我可以更换，然后再创建CSS变量，像这样： --primary: rgb(112, 199, 255); --prim

0热度

1回答

如何从HTMLLinkElement获取CSSStyleSheet

我想要通过JavaScript获得更好的CSS变量控件，该控件需要对CSSRule对象进行操作。这里有2种方式的JavaScript代码来获得它： // get from the CSSStyleSheet of a <style> element document.getElementsByTag('style')[0].sheet.rules; // direct way docume

1热度

2回答

IE浏览器支持CSS变量有什么黑客吗？

我使用CSS变量的主题颜色和主题背景，但我的代码不能在IE浏览器。 IE浏览器支持CSS变量吗？ /* Declaring variable*/ :root { --theme-color: #323232; --theme-bg-color: #af0069; } /* Using variable */ .btn { background: var(--

2热度

1回答

带有算术运算的CSS变量在简写属性中不起作用？

请帮我找出为什么CSS变量中的算术运算会破坏代码。我开始用一个规则简单的CSS文件： html { font: 16px/32px Arial; } 在浏览器中，它可以作为书面：字体大小是16像素，行高为32PX，和字体本身是宋体。然后，我添加了变数： html { --default-font-size: 16px; --default-line-heig

3热度

2回答

如何将CSS变量值分配给scss变量或表达式

我试图在CSS/scss中构建自己的小型可缩放网格。到目前为止，我发现了这个决定： :root { --page-width: 1170px; --gutter: 15px; --columns: 12; } .wrapper { max-width: var(--page-width); margin-right: auto;

-1热度

2回答

通过javascript设置一个css变量

我想获取浏览器窗口的高度和宽度，并将其显示在主体上以及更改高度以匹配。这里是我当前的代码： window.onresize = window.onload = function() { width = this.innerWidth; height = this.innerHeight; document.body.innerHTML = width + 'x' +

0热度

1回答

那是possibe使用CSS变量的CSS“背景链接”

我想设置与所有我的CSS文件的图片的基本域，这里是我的尝试： global.css中 :root { --bgd: #C0C0C0; --picdomain: "https://somedomain.com/"; } 在HTML s1.css @import url("global.css"); body { background-color: var(

0热度

1回答

Chrome浏览器开发工具剖析CSS变量

我是新来分析与Chrome浏览器开发工具。我想知道一个perf命中的css变量是多少，所以想要将同一页面与服务器端预处理的css vs css变量进行比较。在Chrome浏览器开发工具探查我看到这样的解析样式表，油漆等上探查活动有什么建议活动预处理CSS比较CSS变量时，重点放在哪里？

0热度

2回答

与其自身的故障预置值CSS变量

我试图在javascript实现看起来就像这样： myVar = newVar || myVar; 在CSS中我做了以下内容： --my-var: var(--new-var, var(--my-var)) 好像它不起作用。如果新值未定义，是否有可能在回退中具有旧值？

2热度

3回答

ie11的CSS自定义属性填充

有没有办法使用JavaScript为ie11 pollyfill自定义CSS属性？我一直在考虑加载，检查浏览器是否支持自定义属性，如果不在属性上进行某种查找和替换。这是可能与JavaScript或某些图书馆？谢谢