問題タブ [css-variables]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - Polymer で CSS 変数のデフォルトを記述する新しい方法
Polymer チームが Polymer 要素でデフォルトの CSS 変数値を定義する方法を変更したのはなぜですか? 以下に例を示します。
古いスタイル
新しいスタイル
カスタム CSS 変数の新しい仕様はありますか? 何か利点はありますか？それともまったく別の理由ですか？
css - CSS ネイティブ変数がメディア クエリで機能しない
メディア クエリで CSS 変数を使用しようとしていますが、機能しません。
javascript - JavaScript で CSS 変数を使用して画像を変更するにはどうすればよいですか?
私はhttp://codepen.io/wesbos/pen/adQjoYの小さな更新に取り組んでおり、CSS 変数を使用して画像を変更したかったので、それができるかどうかを確認しました。これまでのところ、機能していません。
変数<script> ... </script>を変更するために、If、Then、Else を実装しています。imageFile
DevTools コンソールで次のように表示されます。
ファイルを取得:///Users/tim/bloc/JavaScript30-master/03%20-%20CSS%20Variables/imageFile net::ERR_FILE_NOT_FOUND
イメージは変わりません。手伝ってくれますか？更新前の完全なコードは次のとおりです。
javascript - jQueryでCSS変数を編集する最も簡単な方法は何ですか?
CSS 変数を編集することはできましたがdocument.documentElement.style.setProperty("--text-color", "#333")、jQuery でこれを再現することはできませんでした。.css()プロトタイプは、既知の CSS プロパティでのみ機能するようです。
上記の CSS 変数の CSS の例を次に示します。
css - css 変数を var() にラップする必要があるのはなぜですか?
私は新しいcss-variables構文について学んでいますが、なぜvar変数の周りにステートメントを配置する必要があるのか 疑問に思っています:
私が見る限り、変数をそのまま入れても曖昧さはありません。
2 番目のオプションが機能しないのはなぜですか? 特にcalc.
UPD。これは、なぜ現在のデザインが開発されたのかという問題です。たとえば、LESS と SASS を使用すると、変数を なしで配置できますvar()。それで、CSS が を使用する原因となったトレードオフについて聞きたいvar()です。
この提案に関する議論は、公開情報源で見つかりませんでした。それへのリンクも大歓迎です。