html - 为什么第二类没有分配给输入元素
问题描述
我在 SCSS 中设计了一个输入按钮
.editButton /* button in edit window */
{
font-weight: bold;
font-size: 12px;
width: auto;
height: auto;
padding: 2px 5px 2px 5px;
border: 0.1em solid var(--edit-button-border-color);
color: var(--edit-button-text-color);
background: var(--edit-button-bg-color);
border-radius: 4px;
.fullWidth
{
width: 100% !important;
}
}
这导致进入css文件
.editButton {
font-weight: bold;
font-size: 12px;
width: auto;
height: auto;
padding: 2px 5px 2px 5px;
border: 0.1em solid var(--edit-button-border-color);
color: var(--edit-button-text-color);
background: var(--edit-button-bg-color);
border-radius: 4px;
}
.editButton .fullWidth {
width: 100% !important;
}
我的 HTML
<input type = "button" id = "pmLettersEditFilterSend" class = "editButton fullWidth" value = "...">
但是 fullWidth 没有分配给元素。Web开发人员输出:
<input type="button" id="pmLettersEditFilterSend" class="editButton fullWidth" value="Create Letter">
和过滤器样式:
element {
}
.editButton {
font-weight: bold;
font-size: 12px;
width: auto;
height: auto;
padding: 2px 5px 2px 5px;
border: 0.1em solid var(--edit-button-border-color);
color: var(--edit-button-text-color);
background: var(--edit-button-bg-color);
border-radius: 4px;
}
.pmLettersFilterFilterTitleDiv {
text-align: left;
font-weight: bold;
font-size: 12px;
color: var(--filter-accordeon-button-text-color);
}
#pmLettersEditTemplateDiv {
font-weight: bold;
font-size: 12px;
}
那么我做错了什么?
解决方案
这是因为您实际上是在选择子元素而不是 scss 中的相同元素。它应该是:
.editButton /* button in edit window */
{
font-weight: bold;
font-size: 12px;
width: auto;
height: auto;
padding: 2px 5px 2px 5px;
border: 0.1em solid var(--edit-button-border-color);
color: var(--edit-button-text-color);
background: var(--edit-button-bg-color);
border-radius: 4px;
&.fullWidth
{
width: 100% !important;
}
}
推荐阅读
- swiftui - 是否可以使用绑定设置 SwiftUI DatePicker minimumDate?
- r - 如何用条件显示热图的值
- python - 如何防止 QComboBox 使用 qdarkstyle 主题扩展最后选择的项目
- windows-installer - 当 msiexec /i /quiet 再次使用相同的 msi 版本执行时会发生什么?
- ios - 提高/增加文本到语音的音量 (AVSpeechUtterance) 使其更响亮
- regex - 是否可以使用 htaccess 将完整的域 URL 重定向到另一个域,但不更改 URL?
- javascript - 如何使用redux表单验证react js中的formsection?
- java - 找不到文件异常,系统无法指定图像路径
- reactjs - TextField onBlur with async function (react hooks)
- python - 向 HTML 中的按钮添加功能