条件CSS格式

Question

是否可以添加条件格式改变使用上一个div悬停效果类：

.resize:hover { 
    height: 360px; 
    z-index: 1; 

    .font_white { 
    color: blue; 
    } 
} 


.font_white{ 
    color: white; 
} 

是否有可能重写font_white而与调整大小类徘徊DIV？这些类是独立的div。

Answer 1

不，不是，不使用纯粹的CSS。

你可以使用JS，但没有你的标记代码，很难说最好的方法是什么。 （当然，如果字体颜色是在你悬停的div内部应用的，它只能用CSS来实现，尽管不是你描述它的方式。但是我假设你想要在整个页面中触发样式变化徘徊div。）

Answer 2

没有通用的方式来实现与CSS。

如果你能写，无论那是resize类的成员的元素，那就是font_white类的成员元素相匹配的选择（你会做使用combinator如后裔，子女或兄弟姐妹）那么你可以使用组合器来实现它。

例如：

<button class="resize">Hover Me</button> 
<section id="first">...</section> 
<section id="second" class="font_white">...</section> 
<section id="third" class="font_white">...</section> 

您需要选择apropriate组合程序为您的特定HTML：如果你的HTML看起来像

.resize:hover ~ .font_white { ... } 

会工作。

Answer 3

如果你重写你的CSS，你会发现你想要的效果是可能的 - 并且可以实现而不需要重新定义类的样式声明。

例子：

.primary-text { 
color: white; 
} 

.resize:hover { 
height: 360px; 
z-index: 1; 
} 

.resize:hover .primary-text { 
color: blue; 
}