消息关闭
    暂无新消息!

html格式如下

   <table>
        <tr>
            <td>
                <p class="repeat">重复行</p>
            </td>
        </tr>
        <tr>
            <td>
                <p>不重复行</p>
            </td>
        </tr>
        <tr>
            <td>
                <p>不重复行</p>
            </td>
        </tr>
    </table>

只有第一行中有repeat类。
现在想实现p中拥有repeat的行tr改变背景颜色,请问一下如何通过css根据.repeat→td→tr忘父级找到相应的行tr?

因为使用的react的antd-design的table组件,只能对每一个单元的进行定义,而不能对每一行进行定义


5个回答

︿ 2

推荐使用jq

<script>
    $(".repeat").closest("tr").css({"background":"blue"});
</script>
︿ 1

貌似用纯css的话,现在还没有办法能够解决,只能用jQuery或别的插件来处理。

︿ 0

css 暂时还没有选择父级的选择器。
可以用 jq 实现。
首先引入 jquery

<script>
    $(".repeat").parent().parent().css({"background":"blue"});
</script>
︿ 0
$(function(){
    $(".repeat").parents("tr").css("background", "red");
});

JQUERY实现 。

目前CSS3无法做到.

Selectors Level 4 中已经新增了「Subject 」选择器
类似这样:

!li > p { border:1px solid #CCC; }  /* 为 p 的父元素 li 设置一个边框 */

期待一下吧。

︿ 0

css好像只有.class:first-child这样的玩法,你可以用jQuery实现,一行代码搞定