如果用户将鼠标悬停在css和html的正文上，如何改变h1标签的颜色？

Question

我正在尝试这个（下面的代码），但它不工作，我不知道为什么。你不能嵌入在CSS中？

html { 
     transition: background; 
     transition-duration: 1s; 
     transition-timing-function: linear; 
    } 

    html:hover { 
     background : #ffb7b7; 
     h1 { 
      color : blue; 
     }  
    } 

我想它，以便当用户将鼠标悬停在HTML页面，它应该改变h1标签为蓝色的颜色。关于如何实现这一点的任何想法？

Answer 1

不，在普通的CSS中，你不能嵌入，这需要LESS或类似的东西。 使用此：

html { 
     transition: background; 
     transition-duration: 1s; 
     transition-timing-function: linear; 
    } 



     html:hover{ 
      background : #ffb7b7; 
      } 
     html:hover h1{ 
      color : blue; 
     } 

JSFIDDLE DEMO

Answer 2

更改您的代码以这种阅读:hover doc

html { 
     transition: background; 
     transition-duration: 1s; 
     transition-timing-function: linear; 
    } 

    html:hover h1{ 
     background : #ffb7b7; 
     color : blue; 
    }