没错,这个想法是,在点击网页上的一个元素后,多个独特的元素会更改它们的 CSS 属性(例如,一个 CSS3 动画)。
因此,这段代码有效,因为当单击选择器时,它会将文本更改为红色
<style type="text/css">
p {
font-size:20px;
}
p:target {
color:red;
}
#selector{
font-size:20px;
}
</style>
</head>
<body>
<p id="selector"><a href="#one">Click here to change text to red</a></p>
<p id="one"> This text will change to red </p>
</body>
但是你看,我想要发生的是当点击第一个选择器时,另一个 div 也可能变为红色。我想不出办法来做到这一点。
我真正想做的是当用户单击一个按钮时,会触发多个 CSS3 动画。