tailwindcss如何实现before，after 以及hover？

Question

比如在button中，有时候css是需要before,after，hover的时候显示svg的icon。请教老师在目前项目的工具集下，如何实现？

Answer 1

Sunday 2022-06-09 14:20:28

你好

tailwindcss 的宗旨是让我们不需要再去写 css 了。那么既然如此，就没有必要使用 before 或者 after 呀。

• 提问者 拧壶冲 #1

  https://tailwindcss.com/docs/hover-focus-and-other-states#pseudo-elements
  https://tailwindcss.com/docs/hover-focus-and-other-states
  我看了下官方文档。before,after也可以写的。这样的方式，不是在css中写，直接再class上写的

• Sunday 回复 提问者 拧壶冲 #2

  嗯啊，可以通过这种方式通过类名来指定。