TEL:400-8793-956
当前位置:程序、服务器

对不同位置的组件进行小的更改 ?

提问者: 近期获赞: 浏览人数: 发布时间:2021-07-13 08:50:42

 问:.callout组件的默认样式是这样的:

 
.callout  {
字体大小:1 .25em ; 边框底部:3px实心;填充:0 9px 3px ;边距顶部:20px ;显示:内联块;}   
 
我的页脚中有该组件,但我想删除边框和边距而不添加额外的类或修饰符类。
 
<页脚 类= “主页脚” > 
< p >保留的状态所有权利<一个HREF = “#” >加州</一>。</ p > <一个HREF = “#top返回” >返回顶部» </一> <一类= “标注” HREF = “#more” >跟随我</一> <   
 
你会在哪里应用这些变化......也许是scss/layout/_footer.scss部分的?
 
 
答:你可以做一个像
 
@ mixin  callout ($ border-bottom ,  $ margin-top )  { 
font-size : 1 . 25em ; 边框底部:$边框底部;填充:0 9px 3px ;边际顶部:$边际顶部;显示:内联块;}   
 
或者你想要的任何属性,然后将它们包含在它们的类中。
 
. callout  { 
@include callout(3px solid, 20px) ; }页脚。标注{ @include标注(0, 0) ; }      
 
这是我认为你能做到的最好方法
上一篇: Illustrator 中的一个像素与浏览器上显示的 CSS
下一篇: 为什么这在 Workspaces 中有效,而在 C# Code Challenge 中无效?