CSS选择子对象

Question

如何将这些更改也添加到.content-1中的div标记中？如果我的问题含糊不清，很抱歉，但我相信这真的很简单。

我有这个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 {
    ...
}