html – CSS：级联：悬停？

概述嘿,我有一些造型要做,但我不知道如何使用常规的CSS没有js. 我的HTML是这样的： <div class="book"> <span class="title">Snow Crash</span> <span class="author">Neal Stephenson</span> &lt/div> 我的css是这样的： div. 嘿,我有一些造型要做,但我不知道如何使用常规的CSS没有Js.

我的HTML是这样的：

    <div >        <span >SNow Crash</span>        <span >Neal Stephenson</span>    &lt/div>

我的CSS是这样的：

    div.book span.Title { color: black; }    div.book span.author { color: gray; }    div.book:hover { color: orange; }

我希望每当div悬停时,作者和标题都是橙色,即使我已经将它们设置为不同的颜色.跨度不会从div继承color属性,因为它们具有自己的颜色集,并且除非将鼠标悬停在跨度上,否则跨度的悬停不会激活.我可以不使用JavaScript执行此 *** 作吗？

解决方法

div.book span.Title { color: black; }div.book span.author { color: gray; }div.book:hover,div.book:hover span.Title,div.book:hover span.author{    color: orange; }

总结

以上是内存溢出为你收集整理的html – CSS：级联：悬停？全部内容，希望文章能够帮你解决html – CSS：级联：悬停？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。