sass-使用scss获取所选元素的属性

我正在尝试将类似按钮的背景图像提取到sass地图中，如下所示：

$icons: (
  users: '../../assets/files/images/admin/navicon_users_unselected@2x.png',
  cms: '../../assets/files/images/admin/navicon_content_unselected@2x.png',
  rules: '../../assets/files/images/admin/navicon_rules_unselected@2x.png',
  data: '../../assets/files/images/admin/navicon_data_unselected@2x.png,',
  setting: '../../assets/files/images/admin/navicon_settings_unselected@2x.png',
  logout: '../../assets/files/images/admin/navicon_logout_unselected@2x.png'
);

div {
  background-image: url(map-get($icons, $this.id));
}

我是否有办法通过访问按钮的

div#id

属性并使用该属性访问此散列来动态生成每个按钮的样式

我的目标是将我的系统简化为如下所示：

$icons: (
  users: '../../assets/files/images/admin/navicon_users_unselected@2x.png',
  cms: '../../assets/files/images/admin/navicon_content_unselected@2x.png',
  rules: '../../assets/files/images/admin/navicon_rules_unselected@2x.png',
  data: '../../assets/files/images/admin/navicon_data_unselected@2x.png,',
  setting: '../../assets/files/images/admin/navicon_settings_unselected@2x.png',
  logout: '../../assets/files/images/admin/navicon_logout_unselected@2x.png'
);

div {
  background-image: url(map-get($icons, $this.id));
}

---

我正在寻找正确的语法来替换

$this.id

Sass没有

this

的概念。但是如果您知道所有的按钮ID，您可以将它们放在地图或列表中并进行迭代。列出清单会更容易。

地图 列表