CSS是用于控制網頁樣式的標記語言。在CSS中，我們可以使用類(class)來定義樣式，并通過給類添加屬性來修改樣式。綁定class是一種使用CSS控制元素樣式的方法。

下面是一個簡單的例子，展示如何使用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，我們可以輕松地控制元素樣式，使其適應我們的網頁設計。