如何在多id选择中有条件地应用样式？

在多id选择中有条件地应用样式，可以使用CSS的属性选择器和伪类来实现。

属性选择器是一种通过元素的属性值来选择元素的方法。例如，如果想对拥有id为"div1"和"div2"的元素应用样式，可以使用属性选择器 [id="div1"], [id="div2"]。在这里，选择器 [id="div1"] 表示选择id属性值为"div1"的元素，[id="div2"] 表示选择id属性值为"div2"的元素。然后，通过在属性选择器后添加样式，可以为这两个元素应用特定的样式。

伪类是一种特殊的选择器，用于根据元素的状态或位置来选择元素。例如，如果想在鼠标悬停在id为"div1"的元素上时应用样式，可以使用伪类 :hover。样式可以这样写：[id="div1"]:hover { color: red; }。这样，当鼠标悬停在id为"div1"的元素上时，文字颜色将变为红色。

综合运用属性选择器和伪类，可以根据不同的条件有条件地应用样式。以下是一个例子：

HTML代码：

<div id="div1">元素1</div>
<div id="div2">元素2</div>

CSS代码：

[id="div1"] {
  color: blue;
}

[id="div2"] {
  color: green;
}

[id="div1"]:hover {
  background-color: yellow;
}

[id="div2"]:hover {
  background-color: pink;
}

在这个例子中，当鼠标悬停在id为"div1"的元素上时，背景颜色变为黄色；当鼠标悬停在id为"div2"的元素上时，背景颜色变为粉色。同时，id为"div1"的元素文字颜色为蓝色，id为"div2"的元素文字颜色为绿色。

需要注意的是，以上只是一个简单的示例，实际应用中可以根据具体需求进行灵活运用。