将新CSS类应用于旧数据的最佳实践

时间:2014-09-22 18:47:59

标签: javascript jquery html css jsp

我们正在开发一个遗留应用程序,并想让它焕然一新。我们的Web应用程序中的近200个JSP页面中分散有许多<input type="button" /><input type="submit" /><input type="reset" />等。他们都没有设置class="something"值。

我们发现了一个有趣的CSS,其中包含一个新的类定义,它将按照我们想要的方式设置上述输入类型的样式。我想在任何地方应用这些类定义,但是我不得不去每个<input>并将class="some_class"添加到每个单独的元素中。

最好的方法是什么?我可以使用jQuery并在标题页的顶部添加包含脚本,执行$('input[type="submit"]').addClass("some_class")之类的操作。这最小化了我需要修改的代码量,但这是最好的方法吗? 我对CSS不熟悉,知道是否可以使用选择器动态添加一个类 - 基于我的阅读它似乎不可能。

由于

修改

我已经在'default.css'中试过了这个:

input[type="submit"], input[type="reset", input[type="button"]{ class : "someclass" }

但它不起作用(我假设上课:“someclass”实际上并不有效“)

1 个答案:

答案 0 :(得分:2)

您可以使用css属性选择器

input[type='submit'],input[type='button'],input[type='reset']{
      your css styles
}

https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

W3C规格

http://www.w3.org/TR/css3-selectors/#attribute-selectors