当
JavaScript库创建< div>时,它通常在div上设置一个类,以便库的用户可以自己设置样式.但是,JS库通常要为< div>设置一些默认样式.
图书馆执行此操作的最明显方式是使用内联样式:
<div style="application's default styles" class="please-style-me"> ... </div>
但是,这将使应用程序的默认样式胜过用户的样式.解决方法是使用嵌套的div:
<div style="application's default styles"> <div class="please-style-me"> ... </div> </div>
这对于像’font’这样的很多样式都很有效,但对于像’position’这样的其他样式来说却很失败,其中内部div的样式不会覆盖外部div.
在JavaScript库中使用默认值创建用户可管理元素的最佳做法是什么?我不希望要求用户包含默认的CSS文件(保持库自包含很好).