Question

我想知道是否可以使用CSS onclick事件更改<p>的文本。我知道可以使用Javascript。我只是想知道是否有办法在CSS中做到这一点。

Answer 1

您可以使用复选框和同级选择器来模拟 simular 行为。

试试SO片段：

＆＃13;

[type="checkbox"] {
  position: relative;
  top: -9999px;
}
label > p {
  margin: 0;
  border: 1px solid #eee;
  padding: 20px;
  text-align: center;
  font-family: Arial, sans-serif;
  font-size: 20px;
}
label > p:last-child {
  display: none;
}
[type="checkbox"]:checked ~ p {
  display: block;
}
[type="checkbox"]:checked + p {
  display: none;
}

＆＃13;

<label>
  <input type="checkbox">
  <p>Click to format disk C:/</p>
  <p>Disk C:/ was succesfully formatted :) Oh no, click to restore!!!</p>
</label>

＆＃13;

有关二手选择器的更多链接：

如何使用css更改html内容文本<p>

1 个答案: