欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

CSS通用兄弟組合子(~)怎么用？

CSS
錢瀠龍2年前7瀏覽0評論

我想使用通用的兄弟組合器CSS屬性(~ selector ),但似乎無法理解它是如何選擇HTML標簽的。我沒看見

這里有一個簡單的問題，我無法用兄弟組合子解決。我無法讓第二個選擇器工作。下面是一個很容易重現的小問題:

有一個表格行，每一行包含一個無線電輸入和一個標簽(包含一個& lt我& gt標簽)。

我希望CSS做的是: 當一個單選按鈕被選中時，我想進行如下操作& lt我& gt標記顏色#ddd。目前它們都保持紅色。

例如有你好1，你好2，你好3。如果Hello 1被選中，我會選擇以下所有選項你好。要在顏色#ddd(的& lt我& gt標簽)。這意味著如果Hello 3被選中，它們都將是紅色的，因為沒有其他& lt我& gt后面的標簽。

<html>
<body>
    <style>
    table.test i {
            color: red;
        }
        
        table.test td input:checked ~ td label i {
            color: #ddd;
        }
    </style>

    <table class="test">
    <tbody>
            <tr>
        <td>
                    <input type="radio" id="1" name="group"/>
                    <label for="1">
                        <i>Hello 1</i>
                    </label>
                </td>
                <td>
                    <input type="radio" id="2" name="group"/>
                    <label for="2">
                        <i>Hello 2</i>
                    </label>
                </td>
                <td>
                    <input type="radio" id="3" name="group"/>
                    <label for="3">
                        <i>Hello 3</i>
                    </label>
                </td>
            </tr>
    </tbody>
    </table>

</body>
</html>