Question

我实际上是从这个例子开始的： http://designshack.net/tutorialexamples/truefalse/index.html

我的目标是替换当您通过问题的简单颜色更改单击问题时显示的“真实”或“虚假”文本。例如，单击正确的问题会将文本更改为绿色，而单击错误的文本会将其更改为红色。

我总是找到用CSS实现我想要的方法但我现在完全坚持这个。任何输入/提示都表示赞赏。

Answer 1

这非常简单，除了CSS之外，您不需要使用任何其他内容来完成您在问题中提出的内容。我没有完全阅读你链接的文章，但问的问题很简单。

您需要的是为每个语句添加类，一个用于正确的语句，一个用于每个错误的语句。您只需使用<div class="someClass">。

即可

然后，您将使用CSS：active选择器，它允许您在按下该元素时设置样式。

所以，一些最终的代码将是。

.question {
    font-size: 18px;
    cursor: pointer;
    padding: 5px;
}

.true:active {
    color: green;
}

.false:active {
    color: red;
}

<div class="true question"> Some statement here. </div>
<div class="true question"> Another statement. </div>
<div class="false question"> A sketchy statement. </div>

Answer 2

点击此链接designshack查看整个解决方案的教程。他们清楚地说明了该部分的每一行......

最后..有一个标题和一些注释，还显示了一些代码。

您必须更改此代码才能得到答案。

使用：有效显示答案

h2:active ~ .yes {
  color: #ff0000;    //change here and put color:#2D9D08;
  font-size: 50px;
}

试试..

由于（true / false）变量，Css文本颜色更改

2 个答案: