html - CSS 选择孩子

Question

我如何在下面的div标签中也提供这些更改，即 inside .content-1？对不起，如果我的问题含糊不清，但我相信这真的很简单。

我有这个 CSS：

.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-2:checked ~ .content .content-2,
.tabs input.tab-selector-3:checked ~ .content .content-3,
.tabs input.tab-selector-4:checked ~ .content .content-4 {
    z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition: opacity ease-out 0.2s 0.1s;
    -moz-transition: opacity ease-out 0.2s 0.1s;
    -o-transition: opacity ease-out 0.2s 0.1s;
    -ms-transition: opacity ease-out 0.2s 0.1s;
    transition: opacity ease-out 0.2s 0.1s;
}

Answer 1

试试这个

.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-1:checked ~ .content .content-1 div {
    ...
}