Html 关于css悬停的问题

当鼠标悬停在元素1上时，我可以更改元素2的css

以下是一个例子：

<h1 id="text1">Text1</h1>
<h1 id="text2">Text2</h1>

#text1
{
    color:Green;
}

#text1:hover -> #text2  What i must write here??
{
    color:Red;
}

#text2
{
    color:Gray;
}

Text1
文本2
#文本1
{
颜色：绿色；
}
#text1:hover->#text2我必须在这里写什么？？
{
颜色：红色；
}
#文本2
{
颜色：灰色；
}

您需要编写

+

#text1:hover+#text2 {
    color: red;
}

编辑： 在CSS3中，有一个“（

~

）可以帮助您执行相同的操作，即使第二个头不是紧跟在第一个头之后-在FF和Opera中工作（目前为止已测试）

html:

---

您需要编写

+

#text1:hover+#text2 {
    color: red;
}

编辑： 在CSS3中，有一个“（

~

）可以帮助您执行相同的操作，即使第二个头不是紧跟在第一个头之后-在FF和Opera中工作（目前为止已测试）

html:

您可以使用

请参见您可以使用的

---

请参见

注意，这在IE6中不起作用。另外，这个选择器是相邻的选择器：

#text1

必须紧跟在

#text2

之前，我想IE6的支持是可以忽略的。正如@Dark Falcon提到的，如果第二个元素是直接的兄弟，那么它只在（可能很少见的）情况下起作用。@roberkules是的，第二个元素必须立即跟随它，但在你的特定情况下，它会起作用，我会被诅咒的。每天学习新的东西+1注意，这在IE6中不起作用。另外，这个选择器是相邻的选择器：

#text1

必须紧跟在

#text2

之前，我想IE6的支持是可以忽略的。正如@Dark Falcon提到的，如果第二个元素是直接的兄弟，那么它只在（可能很少见的）情况下起作用。@roberkules是的，第二个元素必须立即跟随它，但在你的特定情况下，它会起作用，我会被诅咒的。每天学习新的东西+一般来说，为什么有H1？是目录吗？否则你不应该在一个页面上有两个H1。一般来说，为什么有两个H1？是目录吗？否则你不应该在一个页面上有两个H1。在写新答案之前先阅读现有答案是个好主意在写新答案之前先阅读现有答案是个好主意

#text1:hover ~ #text2 {
    color: red;
}

#text1:hover + #text2
{
    color:Red;
}