css – id的相同风格,以相同的字母结尾

前端之家收集整理的这篇文章主要介绍了css – id的相同风格,以相同的字母结尾前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的屏幕上有几张表,他们的id以“test”结尾:studentsTest,marksTest,classesTest等.

我希望他们都有同样的风格.有没有一种方法可以定义所有对象的样式,这些对象的id以相同的字符结尾?

谢谢
Devora

解决方法

如果您能够更改标记,则最简单,最符合跨浏览器的兼容方式就是使用“测试”类,例如:
.test {background-color:#FC0;}

<table id="students" class="test">...</table>
<table id="marks" class="test">...</table>
<table id="classes" class="test">...</table>

如果您无法更改标记,但您可以使用jQuery,则可以使用“test”结尾的样式ID:

$(document).ready(function(){

    $('table[id$=test]').css('background-color','#FC0');

});

你最后的选择,如果你不能或不会使用jQuery(或类似的)就是使用纯CSS3.这使用与上述相同的语法,但仅适用于更现代的浏览器:

table[id$=test] {background-color:#FC0;}

猜你在找的CSS相关文章