我需要一些“衍生” css,它是我父母css的孩子。我想将“父” css的所有属性导入我的“子” css。我找不到解决方案。
例如
.red {
color: red;
}
.more_red {
color: red;
border: 2 px solid red;
}
是否可以做一些我熟悉的伪代码?
.red{
color: red;
}
.more_red <SOME TEXT WHICH SAYS 'THIS CSS IS A CHILD OF .red'>{
border: 2px solid red;
}
的HTML
<p class='more_red'>texty text</p> <- this only I Need
<p class='red more_red'>texty text</p> <- not this
编辑我需要创建一个由所有“父” css属性组成的css。
在CSS中将一条规则中定义的样式继承/导入到另一条规则中的唯一方法是级联。您不能像在CSS中的LESS中那样使用扩展。
为了从其他元素继承属性,父子层次结构是必需的。
您可以使用direct child
选择器>
.red {
color: red;
}
.red > .more_red {
border: 2px solid red;
}
或后代选择器
.red .more_red {
border: 2px solid red;
}
这样,父项的样式将被子项继承。
您也可以使用全局选择器*
。
前任。用于在整个网站上设置字体系列
* {
font-family: Helvetica;
}
您也可以使用element/type
选择器。
前任。设置所有锚点的样式
a {
text-decoration: none;
color: #ccc;
}
a:hover {
text-decoration: underline;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句