html - CSS 选择 child

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 {
    ...
}