A dinamic system to customize style css. It append the rules in the end of body
目前為
此腳本不應該直接安裝，它是一個供其他腳本使用的函式庫。欲使用本函式庫，請在腳本 metadata 寫上： // @require https://update.greasyfork.org/scripts/26587/169713/jQuery%20CssDynamic.js
With CssDynamic you can add properties like standard css method of jQuery
Syntax:
//jQuery standard
$(element).css(property,value)
//jQuery dynamic
$(element).cssDynamic(property,value)
You can also pass an object like new standard of jQuery 3
Syntax:
//jQuery standard
$(element).css({
property1:value1,
property1:value1
})
//jQuery dynamic
$(element).cssDynamic({
property1:value1,
property1:value1
})
The below parameter represents the actions that may perform (default is add). The actions can be:
You can add a new rule to an existing stylesheet (you can use the follow parameter to select it). If it doesn't exist it create the stylesheet
Exemple:
$('.myClass').cssDynamic('color','#DDD','add', 'idStylesheet')
//another use
$('.myClass').cssDynamic({
'color':'#DDD',
'font-weight':'bold'
},'add', 'idStylesheet')
//or
$('.myClass').cssDynamic('color','#DDD')
/* `add` like action and `cssDynamic` like id of stylesheet are default parameters */
With this action you can create new stylesheet and it will be placed in the end of body
Exemple:
$('.myClass').cssDynamic('color','#DDD','new', 'newIdStylesheet')
/* `cssDynamic` is default id parameter */
It's easy to remove "cssDynamic" with this syntax:
$().cssDynamic('remove', 'idStylesheetToRemove')
/* `cssDynamic` is default id parameter */
You can also rename a stylesheet id with another one
$().cssDynamic('rename', 'oldIdStylesheet','newIdStylesheet')
This action deletes an old stylesheet (by id) and it replace the old stylesheet with the newest
Exemple:
$('.myClass').cssDynamic('color','#DDD','renew', 'idStylesheet')