是否可以使用css来控制另一个css元素?

时间:2011-05-03 20:00:33

标签: css

例如说:

.vis {
    visibility: hidden;
}

我可以使用这样的东西吗?

.p:hover .vis {
    visibility: visible;
}

2 个答案:

答案 0 :(得分:3)

有可能 - 阅读CSS的cascade and inheritance规则。

答案 1 :(得分:2)

有可能在一定程度上。关键是你正在“观察”鼠标悬停的元素必须是受影响元素的父元素(你目前不能仅使用CSS向上遍历DOM),但你可以使它看起来像某些元素正在通过一些聪明的CSS影响兄弟元素。如果你不希望受影响的元素在被徘徊时发生变化,你必须明确地设置它。

(Random factoid - 这是创建纯CSS suckerfish菜单的基础。)

Here's a fiddle for you.