Question

您好我有结构：

<section class="entry">
  <div class="1">
     <div class="IappearSometimes">text1</div>
     <p class="ImAlwaysShowingText">text2</p>
  </div>
</section>

我想隐藏display:none p类.ImAlwaysShowingText元素，仅当div类.Iappear有时会出现。默认情况下，类.ImAlwaysShowingText始终在屏幕上，我想在课时隐藏它.Iappear有时会显示。我正在尝试nth-child，〜选择器，但经过2天尝试隐藏其他元素在页面上，我真的失去了.. 我能以某种方式选择吗？

Answer 1

这应该有效

＆＃13;

.IappearSometimes ~ .ImAlwaysShowingText {
  display: none;
}

＆＃13;

<section class="entry">
  <div class="1">
     <div class="IappearSometimes">text1</div>
     <p class="ImAlwaysShowingText">text2</p>
  </div>
</section>

＆＃13;

修改：如果.IappearSometimes存在.ImAlwaysShowingText display: none <{1}}，您可以在此处看到 DEMO

Answer 2

你可以通过jQuery

来完成

if  ($('.IappearSometimes.').is(':visible')) {
    $('.ImAlwaysShowingText').hide();
}

这会导致在屏幕上显示元素IAppearSometimes以隐藏ImAlwaysShowingText

Answer 3

我认为这已足够（组合选择器）：

.IappearSometimes.ImAlwaysShowingText {
  display: none;
}

编辑：抱歉，课程之间没有空格。这是一个codepen（添加了另一行）：http://codepen.io/anon/pen/pgybdL

当兄弟姐妹出现时，css选择元素

3 个答案: