下面是一个简单的例子，展示如何使用CSS绑定class:
假设大家有一个名为“my-element”的HTML元素，并想给它添加一个名为“active”的class，该class只在元素被点击时才会显示。大家可以使用以下CSS代码来实现：
“`css
.my-element.active {
background-color: red;
color: white;
在这个例子中，大家使用了`.active`来选择器来匹配<my-element>元素，并在其上添加了`.active` class。这个CSS代码会在<my-element>元素被点击时生效，并将其背景色和文本颜色设置为红色和白色。
除了选择器，大家还可以使用CSS的类选择器(class-name的选择器)来绑定class。例如，如果大家想在<my-element>元素上添加一个名为“hello”的class，并且希望每次元素被点击时都会显示“Hello”，大家可以使用以下CSS代码：
“`css
.hello {
display: none;
.my-element.active .hello {
display: block;
在这个例子中，大家使用了`.hello`来选择器来匹配<my-element>元素中的.hello类，并在其被点击时将其设置为可见。然后，大家在<my-element>元素上添加了一个名为“active”的类，并在其上添加了一个`.hello`的选择器，这样每次元素被点击时，都会将`.hello`选择器显示为可见，并将<my-element>元素中的`.hello`选择器隐藏。
通过使用CSS绑定class，大家可以轻松地控制元素样式，使其适应大家的网页设计。