右上角项目文字CSS

Question

我有两个这样的项目

<span active="0">One</span>
<span active="1">Two</span>

我想在活动值的字符上添加一个字符，跨度为“ 1”，我想隐藏活动值的字符为“ 0”范围。

Answer 1

span[active="0"] { /* write your css */ }
span[active="1"] { /* write your css */ }

Answer 2

不确定您真正想要的是什么，但这是类似的东西：

<a onclick="myFunction1()"><span id="one">One</span></a>
<a onclick="myFunction2()"><span id="two">Two</span></a>

<script>
function myFunction1() {
  document.getElementById("one").innerHTML = "Hello";
}

function myFunction2() {
  document.getElementById("two").innerHTML = "World";
}
</script>