css3如何通过点击改变样式

2024年11月19日 01:42

有3个网友回答

网友（1）：

CSS3 有一个 :target 属性

这是一个简单的DEMO 高级用法可以再百度搜索：

This is a heading

Jump to New content 1

Jump to New content 2

Click on the links above and the :target selector highlight the current active HTML anchor.

New content 1...

New content 2...

Note: Internet Explorer 8 and earlier versions do not support the :target selector.

网友（2）：

我提供一个思路，这个思路应该可以实现所有类似的问题。
使用input的type='radio'类型，radio在css3样式中有:checked这样的伪样式，
通过:checked的伪样式实现，点击切换样式，这样就不用借助js来实现

#Input_Radio:checked~input{background-color: #333;color:#fff;}

网友（3）：

你应该求助js，而不是css...方向错了！