以祖父母为目标的CSS

Question

在这个仅使用CSS的JSFiddle示例中，当.child元素获取属性.secondChild时，focused="true"元素是否可以定位/样式化？类似的东西：

.grandParent [focused="true"] ...?

这是我的HTML：

<div class="grandParent">
    <div class="parent">
        <div class="child"></div>
    </div>
    <div class="parent sibling">
        <textarea class="secondChild"></textarea>
    </div>
</div>

我目前的CSS：

.grandParent {
    padding: 20px;
    background: red;
}
.parent {
    padding: 20px;
    background: blue
}
.child {
    padding: 20px;
    background: green;
}
.secondChild {
    padding: 20px;
    background: grey;
}
.sibling {
    padding: 20px;
    background: orange;
}

Answer 1

也许您可以尝试这样的事情：http://jsfiddle.net/JTUKC/1/

真诚地我不知道为什么这些选择器不起作用

div.grandParent div.parent textarea.secondChild:hover + div.grandParent div.parent div.child {
    background: pink !important;
}