html如何让兄弟显示

要让HTML中的兄弟元素显示，可以使用CSS的display属性。将一个元素的display属性设置为block或inline，则其兄弟元素也会显示。

HTML 如何让兄弟元素显示

创新互联专业为企业提供杭锦后网站建设、杭锦后做网站、杭锦后网站设计、杭锦后网站制作等企业网站建设、网页设计与制作、杭锦后企业网站模板建站服务，十年杭锦后做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

在 HTML 中，我们经常需要操作元素的显示和隐藏，这通常是通过使用 CSS 来完成的，如果你想要控制兄弟元素的显示，你可以使用相邻兄弟选择器 (+) 或者通用兄弟选择器 (~)。

相邻兄弟选择器 (+)

相邻兄弟选择器 + 用于选择当前元素的直接后继兄弟元素，它不能选择更远的元素。

如果你有以下的 HTML 结构：


    First Element
    Second Element

你可以使用以下的 CSS 来隐藏 .first-element 元素后的直接兄弟元素 .second-element：

.first-element + .second-element {
    display: none;
}

通用兄弟选择器 (~)

通用兄弟选择器 ~ 用于选择当前元素之后的所有兄弟元素，与 + 不同，它可以影响多个元素。

如果你有以下的 HTML 结构：


    First Element
    Second Element
    Third Element

你可以使用以下的 CSS 来隐藏 .first-element 元素后的所有兄弟元素：

.first-element ~ .second-element,
.first-element ~ .third-element {
    display: none;
}

请注意，CSS 选择器只能影响元素及其兄弟元素，不能影响父元素或子元素。