html - 有没有办法将 jquery ui 类添加到我自己的每个元素的 css 文件中

Question

有没有办法将jquery ui类添加到我自己的每个元素的css文件中，IE：

       input { 
               ui-corner-all  /*  <- JQuery UI class */ 

              }

与将类添加到每个输入相反，IE：

       <input name="myinput" type="text" class="ui-corner-all"  value="" />

score 1 · Accepted Answer

您可以查看LESS，这是一个非常相似的问题，关于 SO Can a CSS class inherit one or more other classes？

LESS 是 CSS 的扩展，具有变量、嵌套规则、函数、操作等的高度抽象

score 0 · Accepted Answer

你也可以使用像 LESS 这样的预处理器来实现这一点。你必须保存你的ui.cssasui.less然后你可以做这样的事情：

@import url(ui.less);

input {
  .ui-corner-all;
}

在将您的 less 编译为 css 之后，它将采用ui-corners-all该类的所有样式并将它们应用于您的输入。这只是使用 css 预处理器的众多优势之一。如果您熟悉 css，那么它确实值得研究并且不是很难学习。你可以在这里找到更多信息：http: //lesscss.org/

score 0 · Accepted Answer

您可以随时使用 jQuery.addClass方法向元素添加类，包括页面加载，例如：

$(function() {
  $(input).addClass('ui-corner-all');
});

这将ui-corner-all在页面加载时将类添加到 html 中的每个输入元素。如果您只想选择页面上的某些元素，请使用更具体的选择，例如：

$(function() {
  $('#myInput').addClass('ui-corner-all');
});

这会将ui-corner-all类添加到页面上 ID 为的所有元素myInput。

score 0 · Accepted Answer

你可能想研究一下 Sass。这将使您可以选择通过 @extend 将 css 类扩展到您自己的类。

这样，您不必依赖 javascript 来添加类。这一切都是通过css完成的。

希望这可以帮助！

4 回答 4