CSS Inter是CSS Selectors Level 4新增的一個偽類，它允許我們在樣式表中使用像"pointer-events: none"這樣的屬性，但又不會影響鼠標事件。

使用CSS Inter非常簡單，只需要在樣式表中使用類似于下面這樣的語法：

::interact { /* styles here */ }

這將會創(chuàng)建一個名為"interact"的偽類，你可以像下面這樣在HTML元素中使用它：

<div class="box interact"></div>

這將會應用上述在樣式表中定義的樣式。但是，這些樣式不會影響鼠標事件的行為，這意味著你的div仍然可以點擊、拖動、縮放等等。

這個功能非常有用，因為它允許我們創(chuàng)建具有交互性的元素，而不會破壞它們的樣式。

與此同時，CSS Inter也支持偽元素：

::interact::before { /* styles here */ }

這將會創(chuàng)建一個名為"interact"的偽類，并且還將"before"偽元素結(jié)合在一起。你可以像下面這樣在HTML元素中使用它：

<div class="box interact"></div>

使用CSS Inter可以幫助我們更加簡潔地編寫樣式表，同時也可以允許我們創(chuàng)建具有交互性的元素，并且不會影響它們的樣式。