// HTML代码 <div id="box"> <p>这是一个段落</p> <p>这是另一个段落</p> </div> // CSS代码 #box p:hover { color: red; }
在上述代码中,大家使用了CSS的:hover伪类,表示当鼠标悬停在指定标签上时,应该改变标签的样式,这里大家将文本设为红色。此时,当鼠标悬停在段落上时,文本会变为红色。
如果大家要实现点击标签改变样式,可以使用JavaScript来实现:
// HTML代码 <div id="box"> <p onclick="changeColor(this)">这是一个段落</p> <p onclick="changeColor(this)">这是另一个段落</p> </div> // JavaScript代码 function changeColor(ele) { ele.style.color = "red"; }
在这段代码中,大家为段落标签添加了onclick事件,当用户点击标签时,调用changeColor函数,该函数通过传入当前点击的标签元素,然后改变该标签的颜色为红色。
以上就是CSS标签点击事件的实现方法,大家可以根据自己的需求来使用合适的方式来改变标签的样式。