使用一个选择器为多个id创建样式

Question

我需要在CSS中使用一个选择器设置另一个ID。 例如：

#search:focus {
    height:50px;
    font-size:16px;
}

如果我希望“#searchline”在#search成为焦点时拥有其他样式，该怎么办？ 这不起作用：

#search:focus {
    height:50px;
    font-size:16px;
    #searchline {
        margin-top: -10px;
    }
}

我不知道该怎么做。

Answer 1

如果两者都是下一个，你可以尝试

#search:focus {
    height:50px;
    font-size:16px;
}
#search:focus + #searchline {
    margin-top: -10px;
}

在http://www.w3schools.com/cssref/css_selectors.asp

了解详情

element + element div + p选择紧跟在<p>元素后面的所有<div>个元素。

Answer 2

如果#searchline是#search的孩子，请为您的第一条规则添加#searchline选择器。

#search:focus #searchline {
    margin-top: -10px;
}

如果#searchline 不是#search的孩子，则应使用javascript来设置#searchline元素的样式。