Css Material Design Lite,替代styleguide属性而不使用!重要的

Css Material Design Lite,替代styleguide属性而不使用!重要的,css,material-design-lite,Css,Material Design Lite,我在玩Material Design Lite,我想覆盖一种样式,但它不起作用。假设我想将mdl-navigation\uuu链接上的填充更改为0px 我已覆盖自定义样式表上的属性,但未成功。但是,应用了一些其他样式: .my-navigation .mdl-navigation__link { padding: 0px; border: 1px solid red; } 应用边框,但不应用填充。在web开发工具中,我看到我的padding属性被忽略(删除)到了我从未包含的styleg

我在玩Material Design Lite,我想覆盖一种样式,但它不起作用。假设我想将
mdl-navigation\uuu链接
上的填充更改为
0px

我已覆盖自定义样式表上的属性,但未成功。但是,应用了一些其他样式:

.my-navigation .mdl-navigation__link {
  padding: 0px;
  border: 1px solid red;
}
应用边框,但不应用填充。在web开发工具中,我看到我的padding属性被忽略(删除)到了我从未包含的
styleguide.css


我假设
styleguide.css
包含在javascript文件中。因此,应用自定义填充的唯一技巧是将其标记为
!重要信息

覆盖
styleguide.css
properties是否更干净

编辑: 这是代码笔:
您只需增加选择器的特异性即可。检查MDL提供的内容的特异性
.mdl-layout\uu drawer.mdl-navigation.mdl-navigation\uu链接
。这是一个3级特异性,大约30。您正在使用两个类选择器,因此大约需要20个类。无论你的答案是否在后面,高特异性都会获胜

关于特殊性的一些好资源:


您只需要增加选择器的特异性。检查MDL提供的内容的特异性
.mdl-layout\uu drawer.mdl-navigation.mdl-navigation\uu链接
。这是一个3级特异性,大约30。您正在使用两个类选择器,因此大约需要20个类。无论你的答案是否在后面,高特异性都会获胜

关于特殊性的一些好资源:


您只需要增加选择器的特异性。检查MDL提供的内容的特异性
.mdl-layout\uu drawer.mdl-navigation.mdl-navigation\uu链接
。这是一个3级特异性,大约30。您正在使用两个类选择器,因此大约需要20个类。无论你的答案是否在后面,高特异性都会获胜

关于特殊性的一些好资源:


您只需要增加选择器的特异性。检查MDL提供的内容的特异性
.mdl-layout\uu drawer.mdl-navigation.mdl-navigation\uu链接
。这是一个3级特异性,大约30。您正在使用两个类选择器,因此大约需要20个类。无论你的答案是否在后面,高特异性都会获胜

关于特殊性的一些好资源:


尝试将课程加倍。即使它们是同一类别,特异性也会比只选择一个类别时更大

非常适合在不诉诸
的情况下允许覆盖!重要信息

例如:

.mdl-navigation__link.mdl-navigation__link {
  padding: 0px;
  border: 1px solid red;
}
更多像这样的技巧可以降低特异性


还有我最喜欢的指南

试着把课程加倍。即使它们是同一类别,特异性也会比只选择一个类别时更大

非常适合在不诉诸
的情况下允许覆盖!重要信息

例如:

.mdl-navigation__link.mdl-navigation__link {
  padding: 0px;
  border: 1px solid red;
}
更多像这样的技巧可以降低特异性


还有我最喜欢的指南

试着把课程加倍。即使它们是同一类别,特异性也会比只选择一个类别时更大

非常适合在不诉诸
的情况下允许覆盖!重要信息

例如:

.mdl-navigation__link.mdl-navigation__link {
  padding: 0px;
  border: 1px solid red;
}
更多像这样的技巧可以降低特异性


还有我最喜欢的指南

试着把课程加倍。即使它们是同一类别,特异性也会比只选择一个类别时更大

非常适合在不诉诸
的情况下允许覆盖!重要信息

例如:

.mdl-navigation__link.mdl-navigation__link {
  padding: 0px;
  border: 1px solid red;
}
更多像这样的技巧可以降低特异性


我最喜欢的关于

styleguide.css的指南不是通过JS或构建提供的。它只适用于微型站点。你能通过代码笔或类似的方式给我们看一些复制代码吗?当然,代码笔在原始帖子的末尾,我没有看到任何styleguide.css请求。然而,JS也不起作用,所以如果这是问题的原因,谁知道为什么。确保代码笔功能齐全,而不仅仅是本地源代码的复制和粘贴。对不起,他现在功能齐全了。我的问题的细节codepen结果
styleguide.css的“内容”不是通过JS或构建提供的。它只适用于微型站点。你能通过代码笔或类似的方式给我们看一些复制代码吗?当然,代码笔在原始帖子的末尾,我没有看到任何styleguide.css请求。然而,JS也不起作用,所以如果这是问题的原因,谁知道为什么。确保代码笔功能齐全,而不仅仅是本地源代码的复制和粘贴。对不起,他现在功能齐全了。我的问题的细节codepen结果
styleguide.css的“内容”不是通过JS或构建提供的。它只适用于微型站点。你能通过代码笔或类似的方式给我们看一些复制代码吗?当然,代码笔在原始帖子的末尾,我没有看到任何styleguide.css请求。然而,JS也不起作用,所以如果这是问题的原因,谁知道为什么。确保代码笔功能齐全,而不仅仅是本地源代码的复制和粘贴。对不起,他现在功能齐全了。我的问题的细节codepen结果
styleguide.css的“内容”不是通过JS或构建提供的。它只适用于微型站点。你能通过代码笔或类似的方式给我们看一些复制代码吗?当然,代码笔在原始帖子的末尾,我没有看到任何styleguide.css请求。然而,JS也不起作用,所以如果这是问题的原因,谁知道为什么。文科硕士