Html 如何让hover函数在引导上工作

嗨，伙计们，我正在使用bootstrap，有一个div，里面有一些文本。但是，由于某些原因，当我尝试时，基本的悬停功能不起作用

HTml:

  <div class = "Text">
  <a class="navbar-brand" href="#">
      <h1>text1</h1>
      <h2>text2</h2>
      <h3>text3</h3><br/>
    <p>Time to make this move to the side</p>
  </a>  
 </div> 

我也试过：

.Text *: hover {
    color: green;
}

任何帮助都会很好

编辑：

---

很抱歉，我想我没有把问题说清楚，我想改变所有的颜色，对于H1H2和h3和p标签，而不仅仅是h1，当你悬停在任何元素上

到目前为止，我得到的最接近的是

.text h1:hover, h2:hover, h3:hover, p:hover {
    color: green;
}

---

但这是单独完成的，而不是全部完成

您的问题在于css中h1和：hover之间有空格

.text*：悬停{
颜色：绿色；
高度：700px；
}

---

刚刚在Dreamweaver中进行了测试，我相信这正是您想要的

.text h1:hover，h2:hover，h3:hover，p:hover{
颜色：绿色；
高度：700px；
}

找到了答案

.navbar-brand:hover h1, 
.navbar-brand:hover h2, 
.navbar-brand:hover h3, 
.navbar-brand:hover p {
    color: green;
}

---

修复程序与您的

.navbar品牌有关，请添加以下内容：

.navbar-brand:hover * {
    color: green;
}

这将导致以下代码段：


.Logo{
利润上限：21px；
}
.标志h1{
字体系列：lokicola字体；
字体大小：69px；
利润上限：-30px；
左边距：30px；
宽度：90px；
浮动：左；
颜色：#FFF；
}
.标志h2{
字体系列：lokicola字体；
字体大小：79px；
利润上限：-26px；
左边距：5px；
宽度：90px；
浮动：左；
颜色：#FFF；
}
.标志h3{
字体系列：“Oswald”，无衬线；
字体大小：49px；
利润上限：-14px；
左边距：28px；
宽度：90px；
浮动：左；
颜色：#FFF；
}
.标志p{
字体系列：“Oswald”，无衬线；
字号：19px；
利润上限：-26px；
左边距：15%；
宽度：330px；
浮动：左；
颜色：#FFF；
}
.徽标：悬停{
颜色：绿色；
}
.navbar品牌：hover*{
颜色：绿色；
}

切换导航












删除h1和：hover之间的空格。因此：文本h1：悬停{啊，是的，但那没什么作用，只是改变了1个元素。对不起，我想我没有把问题说清楚，我想改变所有的颜色，因为H1H2和h3和p标签不只是h1Ah，这很好，也不起作用，同样，如果我只将h1标签悬停在绿色的位置，那么如果我只将h2标签悬停在绿色的位置，等等，请使用*操作符立即尝试我试过了，这很好，但不起作用，再次，如果我将h1标签悬停在只变绿的地方，那么如果我将鼠标悬停在只变绿的h2标签上，等等，你只想要悬停的元素？变绿！很抱歉，我想我没有把问题说清楚，我想改变所有的颜色，因为H1H2和h3以及p标签不仅仅是h1，我修正了我对你回答的答案。啊同样，如果我将h1标记悬停在只变为绿色的位置，如果我将h2标记悬停在只变为绿色的位置，等等。你想让它们同时变为绿色吗？ye:）这就是希望的计划意义：
。导航栏品牌：悬停*{颜色：绿色}
ye:）不知道我怎么花了这么长时间才回答你自己的问题，很遗憾，因为我找到了与你相同的答案，除了全局选择器
*
，但从某种意义上说，你这么做也是件好事
.navbar-brand:hover * {
    color: green;
}