问

在外部div悬停时将样式应用于内部div

呵呵傻乎乎宝宝发布于 2023-02-13 18:30

html

我有一些看起来像这样的HTML:


    some text

使用以下CSS:

.TheOuterClass{
    width:100px;
    padding:5px 5px;
    background:black;}

.TheOuterClass:hover{
    pointer:cursor;
    background:red;
    color:yellow;}

.TheInnerClass{color:white;}

我想要做的是在外部div悬停时让内部div的文本改变颜色.我怎么能只使用CSS呢？

jsFiddle就在这里

PS:我知道它可以很容易地用jQuery完成,但这只是用CSS做它.

1 个回答

您可以:hover在父元素上使用psuedo-class,然后使用子元素.

更新了jsFiddle示例
```
.TheOuterClass:hover .TheInnerClass {
    color:blue;
}
```
2023-02-13 18:34 回答

速度coinmer

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签