微件:SaltInPageCSSLoader：修订间差异
Salt lovely（留言 | 贡献） 小 （优化去重部分） |
（// Edit via Wikiplus） |
||
| （未显示另一用户的1个中间版本） | |||
| 第1行： | 第1行： | ||
<noinclude> | <noinclude> | ||
已弃用，请使用 <code><nowiki>{{#inline-css}}</nowiki></code> 解析器函数代替。 | |||
<pre><div id="test" class="salt InPageCSSLoader"><pre> | <pre><div id="test" class="salt InPageCSSLoader"><pre> | ||
h1{ | h1{ | ||
| 第36行： | 第37行： | ||
if (el.hasAttribute('id')) { | if (el.hasAttribute('id')) { | ||
let id = el.getAttribute('id') || '' | let id = el.getAttribute('id') || '' | ||
if (document.head.querySelector( 'style#' + id | if (document.head.querySelector( 'style#' + id )) { | ||
console.log('[SaltInPageCSSLoader]检测到重复CSS id: ' + id) | console.log('[SaltInPageCSSLoader]检测到重复CSS id: ' + id) | ||
el.removeAttribute('id') | el.removeAttribute('id') | ||
2023年4月29日 (六) 01:31的最新版本
已弃用，请使用 {{#inline-css}} 解析器函数代替。
<div id="test" class="salt InPageCSSLoader"><pre>
h1{
color: royalblue;
background-color: #f0f6ff;
}
</pre></div>
{{#Widget:SaltInPageCSSLoader}}
h1{
color: royalblue;
background-color: #f0f6ff;
}
这个页面的标题（<h1>）变成了蓝字蓝底。