如何将css应用于标签的属性？
用户28
我是 css 新手，我想知道 css 是否可以应用于标签的属性？例如，在下面的代码中，我想看到蓝色的 entry.count 和“文件”。
代码
render() {
return(
<div className="AppL" id="AppList">
{this.createApplicationList()}
</div>);
}
createApplicationList() {
var guiResult = [];
for (var key in this.state.AppName) {
var entry = this.state.AppName[key];
guiResult.push(
<Collapsible trigger={entry.AppName + "\t" + "\t" + entry.Count + " files"} className="AppList" transitionTime ="10">
</Collapsible>);
};
return guiResult;
}
我这个组件的 scss
.AppList{
color: black;
border-bottom: 1px solid #00a886;
padding-top:10px;
padding-bottom:10px;
}
伊恩
.Collapsible .Collapsible__trigger {
color: blue;
}
.Collapsible选择具有Collapsible该类的所有元素。Collapsible_trigger对Collapsible__trigger班级做同样的事情。该规则一起选择.Collapsible__trigger元素内的所有元素.Collapsible，并用蓝色文本设置它们的样式。
这完全基于您提供的 HTML 代码。JavaScript 似乎无关紧要。
.Collapsible .Collapsible__trigger.is-closed也有效并且更具体。取决于您的用例。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何将CSS样式应用于标签？
- 2
如何将 CSS 应用于输入标签值
- 3
如何将CSS应用于html属性
- 4
HTML / CSS如何将CSS应用于具有自定义数据属性的“ a”？
- 5
HTML / CSS如何将CSS应用于具有自定义数据属性的“ a”？
- 6
如何将CSS样式应用于自定义属性
- 7
如何将CSS属性单独应用于多个元素
- 8
如何将@media应用于通过jquery设置的css属性
- 9
如何将 CSS flex 属性应用于嵌套元素
- 10
如何将NUnit属性应用于部件
- 11
如何将CSS应用于Javascript添加的元素
- 12
如何将CSS样式仅应用于文本
- 13
如何将ckeditor CSS应用于输出
- 14
如何将CSS应用于动态生成的ID？
- 15
如何将CSS样式应用于ASCII字符
- 16
如何将CSS类应用于上传的图片？
- 17
如何将CSS应用于Facebook登录按钮
- 18
CSS：如何将样式应用于特定类
- 19
如何将 css 应用于 codeigniter 分页？
- 20
如何将 css 应用于带 ID 的输入？
- 21
将CSS应用于html标签
- 22
如何仅将CSS过渡应用于transform属性
- 23
如何将键入应用于对象属性名称，以便仅允许有效的CSS属性？
- 24
如何将CSS3滤镜灰度应用于除figcaption的标记之外的所有属性？
- 25
.css jQuery属性未将CSS应用于div标签
- 26
如何将标签应用于Ansible任务文件中的每个命令？
- 27
如何将两种颜色应用于标题标签的底部边框？
- 28
如何将省略号应用于CheckBoxList控件标签文本
- 29
如何将margin-top应用于<small>标签？
我来说两句