当我们关注链接时，如何为儿童阻止添加风格？

Question

代码：

<div id="div1">
    <div class="test1"></div>
    <div class="text1"><a href="#">test1</a>
    </div>
    <div class="test_block">text1</div>
</div>

<div id="div2">
    <div class="test2"></div>
    <div class="text2"><a href="#">test1</a>
    </div>
    <div class="">text2</div>
</div>

如何在css3上制作当我们关注链接时（a：hover）子块test_block获取css font-size:18px？

PS：例如，当我们将test1 font-size悬停在text1 font-size上时，text2的{​​{1}}为14px test2 font-size }};

当我们将text2 font-size链接到text1时，14px将为18像素而{{1}} {{1}}将为{{1}}; < / p>

Answer 1

使用相邻的兄弟选择器+：

.text1,
.text2 {
    font-size: 14px;
}

.test1:hover + .text1,
.test2:hover + .text2 {
    font-size: 18px;
}