关于router-view或者tailwindcss中的组件样式优先级的问题
来源：10-8 通用组件-瀑布流：解决瀑布流展示不全的问题
Cloud_Iris
2022-10-05
老师这里我想请教一下，关于router-view样式的优先级。在这节课的瀑布流组件的情境中，我们是因为直接在 main-vue 上写了 h-main，又因为 main-vue 对应的组件只有一个 router-view标签，而 router-view 对应的组件的外层容器上又有一个 h-full (height: 100%)，所以导致最终呈现的时候，在 router-view 对应的组件的外层容器上，同时出现了 h-full 和 h-main，但是同时出现最终呈现的效果却是 h-full，我不清楚这个是 router-view 本身对于子组件样式的优先还是 tailwindcss 对于原生样式的优先呢？因为他们确实同时出现在了一个标签上，这让我有些困惑。
写回答
2回答
-
你好
我理解的意思的，父组件中使用某个子组件时指定了一个 类名，子组件中拥有相同样式的另外一个类名，哪个类名的优先级更高？代码如下图：
经过测试可以发现，t-1 t-2 t-a 的优先级与父组件与子组件无关，本质上是通过 ASCII 码进行的比对，ASCII 越大优先级越高
112022-10-06 -
CoderVi
2023-03-30
我也同时有这两个类名，但是生效的是h-main，源码如下：
之前好像为了消除双滚动条自己做过什么改动，但我想不起来改了什么，同学你知道这是什么原因吗？
10
相似问题