如何使用CSS'；目标'；HTML标记中的选择器内联？

我只想用CSS在点击时显示/隐藏divs内容。 我可以用下面的代码实现这一点，但我需要做的是将CSS“target”选择器放入内联。我将感谢任何帮助。Thx

<style>
.openDiv {display: none;}
.openDiv:target {display: block;}
</style>
<ul>
<li><a href="#Expando1">The Tick</a>
<ul class="openDiv" id="Expando1">
<li>Has superhuman strength and mass;</li>
<li>Is nigh-invulnerable; </li>
<li>Has powers that increase as the situation becomes more dramatic;</li>
<li>Does not seem to require oxygen;</li>
<li>Cannot keep his balance if his antennae are removed.</li>
</ul>    
</li>
</ul>

.openDiv{display:none；}
.openDiv:target{display:block；}



拥有超人的力量和质量
几乎无懈可击
拥有随着局势变得更加戏剧性而增加的权力
似乎不需要氧气
如果他的天线被拔掉，他就无法保持平衡

您不能…选择器不能是内联的…只能是样式。你必须重新考虑。也许是“复选框黑客”

input[type=“checkbox”]{
位置：绝对位置；
显示：无；
}
输入[type=“checkbox”]~ul{
显示：无；
}
输入[type=“checkbox”]：选中~ul{
显示：块；
}

踢克超人

拥有超人的力量和质量
几乎无懈可击
拥有随着局势变得更加戏剧性而增加的权力
似乎不需要氧气
如果他的天线被拔掉，他就无法保持平衡