vuetify list padding

Question

问题描述

使用vue-cli和vuetify框架制作下拉式菜单时发现菜单内部留有许多padding空间，不知道怎么去除。

如图为菜单的一个父菜单和一个子菜单，其中父菜单右边和子菜单左边均有很大空白，可以在下方看到是有padding空间。不知如何去除为好。

自己尝试过哪些方法

使用官方说明中的class="pa-0"来取消，但是无论放置于哪一个tag下都不能实现，这个在输出中标有class="v-list__tile"的元素似乎是自动生成的，并不会出现在我的代码中。

注意图中的icon并不是使用的<v-list-group prepend-icon="home">，
而是为了节省空间在<v-list-tile>中使用的<v-icon>，
所以第二行文字本应和第一行并列，只是现在第一行文字由于此设置偏左了

不知如何解决这一问题

Answer 1

用的如果less sass的话 使用/deep/ 深度选择是可以先暂时去掉的，暴力一点直接改他的css，不过你得外面包一层，防止影响别的页面
如果没用任何预处理语言的话，也可以说shiy .a>>>.b 深度选择器