Html 访问'；他和我在同一水平上

我想在用户选择单选按钮时更改类的值

我目前得到了以下结构：

<div class="chat-box">
    <input type="checkbox" />
    <label> Name </label>
    <ol class="discussion">
        <li class="other">
          <div class="avatar">
            <img src="robert.jpg" />
          </div>
          <div class="messages">
            <p>Yesh finally een nice interface met goede chats.</p>
            <p>Nu nog een mooi font</p>
            <time datetime="2009-11-13T20:00">Bas • 51 min</time>
          </div>
        </li>
        <li class="self">
          <div class="avatar">
            <img src="robert.jpg" />
          </div>
          <div class="messages">
            <p>Uhu</p>
            <time datetime="2009-11-13T20:14">37 mins</time>
          </div>
        </li>

  </ol>

  <input type="text" placeholder="type here your message" class="chat-input">

</div>

我尝试了

discussion:：after

，但也没有成功

只需使用相同的：

.chat box>输入[type=“checkbox”]：选中~.chat输入

.chat box>input[type=“checkbox”]：选中~.讨论，.chat box>input[type=“checkbox”]：选中~.聊天输入{显示：无；}

名称

Yesh终于和goede聊天了

Nu nog een mooi字体

Bas•51分钟


Uhu

37分钟

@bdv当您用逗号分隔时，它只会产生一个完全不同的选择器，而不依赖于前一个选择器

.chat-box > input[type="checkbox"]:checked ~ .discussion, {display:none;}