Question

我有一个表，我希望某些tr具有与之前的tr相同的css类。

在下面的示例中，tr = class =“？”应该与上面的类相同。这有可能吗？

<table>
  <tr class="red">
    <td></td>
  </tr>
  <tr class="?">
    <td></td>
  </tr>
  <tr class="blue">
    <td></td>
  </tr>
  <tr class="?">
    <td></td>
  </tr>
</table>

Answer 1

每个html元素都可以使用css进行寻址，因此在css的stylesheet中，如果你像element{ set the desired property ; }那样进行十分转换在这种情况下，元素将是 tr 所有表行将具有您在上面的一般声明中设置的属性，并且如果您想覆盖某些table rows的特定值可以使用类

来解决它们

Answer 2

试试这个：

HTML：

<table border="1" style="border-collapse:collapse;">
    <tr><td>Data</td><td>Data</td></tr>
    <tr><td>Data</td><td>Data</td></tr>
    <tr><td>Data</td><td>Data</td></tr>
    <tr><td>Data</td><td>Data</td></tr>
    <tr><td>Data</td><td>Data</td></tr>
    <tr><td>Data</td><td>Data</td></tr>
    <tr><td>Data</td><td>Data</td></tr>
    <tr><td>Data</td><td>Data</td></tr>
    <tr><td>Data</td><td>Data</td></tr>
    <tr><td>Data</td><td>Data</td></tr>
    <tr><td>Data</td><td>Data</td></tr>
    <tr><td>Data</td><td>Data</td></tr>
</table>

jQuery的：

$(function(){
    $("tr").addClass("red");
    $("tr:nth-child(4n)").removeClass("red").addClass("blue")
        .prev().removeClass("red").addClass("blue");
});

这将选择每个第4个孩子，删除红色CSS类，添加蓝色CSS类并移动到前一个元素并执行相同操作。

注意：这是您可以使用的jsFiddle。

Answer 3

基于卡尔的想法。

使用Jquery

http://jsfiddle.net/forX/KBfzD/

$(function(){
    $(".unknown").each(function()
                       {

                           $(this).removeClass("unknown");
                           $(this).addClass( 
                                           $(this)
                                          .prev()
                                           .attr("class")
                           );
                       });
});

我改变了吗？对于未知。我不知道怎么用？在css / css选择器中。

Answer 4

我不太确定理解这个问题但是：
在css中：tr.classname + tr为你提供了tr的下一个tr，它有一个类名。见Fiddle 您也可以结帐css nth-child,even & odd selectors。

Answer 5

根据您提到的内容this is the fiddle。它只检查类的前一个元素：?

Answer 6

没有javascript，你可以使用element：li：nth-child（x）值可以是n，n + 1,2n + 1之类的东西......你可以给它们不同的值。

TR Css类与之前的TR相同

6 个答案: