CSS样式表通常用来控制网页的样式和布局，但是它也可以用于数据交互。通过使用CSS选择器和伪元素，可以创建一些组合选择器，使得网页可以根据用户的操作响应并显示相应的结果。这种技术被称为CSS交互。

下面是一个例子。假设有一个按钮，当用户点击它时，网页上的一个元素应该改变。为了实现这个交互，需要使用CSS和一些JavaScript代码。

<button onclick="document.getElementById('box').classList.toggle('active')">点击我</button>
<div id="box">我是一个方框</div>

该代码中，button被点击后，使用getElementById方法获取id为“box”的元素，在该元素上切换类“active” 。在CSS中，当#box.active选择器被触发时，它将改变元素的背景颜色为绿色。这样就实现了一个简单的CSS交互。

使用CSS进行数据交互的好处是可以减少JavaScript代码的复杂性。而且，由于CSS经常用于控制网页样式，因此将交互效果与样式分离开来可以让代码更加易于维护。

但是，CSS交互也有一些限制。例如，它不能像JavaScript一样对数据进行处理或进行数据验证，因此在某些情况下，仍需要使用JavaScript来实现复杂的数据交互效果。