css3 - css如何通过下一层控制上一层的样式

问题描述

问 题

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组件，只能对每一个单元的进行定义,而不能对每一行进行定义

解决方案

$(function(){
    $(".repeat").parents("tr").css("background", "red");
});

JQUERY实现 。

目前CSS3无法做到.

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

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

期待一下吧。

这篇关于css3 - css如何通过下一层控制上一层的样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！