使用＜style scoped＞导致的样式问题
迪丽瓦拉
2025-05-30 19:38:15
0次
问题描述：
今天使用开源组件库TDesign的自动补全组件时，遇到了一个样式失效问题，一开始怎么也找不到问题出在哪，后面一个偶然去掉了scoped，竟然发现样式竟然正常了，具体原因不知道在哪，有大佬知道请留言，不甚感激！！
代码是这样的
![]()
正常展示是这样
但是加了scoped就成这样
检擦样式发现，加了scoped后，
.t-demo-autocomplete-option-list .t-select-option { height: 50px; }
这段样式就失效了，这是为啥？？？求大佬解答。。。
上一篇：软件测试 - 非技术常见面试题