小编One*_*One的帖子

我为输入元素设置了边框和边框半径。当您在输入标签内聚焦时，会出现一个几乎没有边框半径的蓝色边框。当您单击 input[type=submit] 元素时，也会发生同样的情况。我想定义和控制这些属性。

我认为有一个 css 技巧可以解决这个问题，但我不确定。我是更改 box-shadow 属性还是边框属性。如何？

input{
   width:60%;
   font-size:1.05em;
   min-width:250px;
   display:block;
   margin-bottom:3.5%;
   padding:0.8% 1.5%;
   border-radius:5px;
   border:1px solid white;
   transform:rotateX(10deg);
 }
.submit{
   background:rgb(0,150,255);
   border:1px solid rgb(0,150,255);
   transition: transform 1s;
   color:white;
   box-shadow: 2px 2px 1px silver;
 }
 input:focus , .submit:focus{
   background:rgba(0,120,255,1);
   border:none;
   transform: scaleY(1.1);
 } 

我使用的是类选择器而不是 input[type=submit] 选择器

我想像这样写一个 sass 循环。

fractions: '';
@for $i from 1 through 4 {
    $fractions : $fractions + 1fr + '';
    .grid-#{$i} {
        grid-template-columns: fractions;
        display: block;
    }
}

我希望输出是这样的，

.grid-1 {
    grid-template-columns: 1fr; 
}
.grid-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr; 
}

不是

.grid-1 {
    grid-template-columns: " 1fr"; 
}
.grid-4 {
    grid-template-columns: " 1fr 1fr 1fr 1fr"; 
}

我正在寻找一个 sass 实用程序/函数，我可以用它来删除字符串周围的引号。

例如,是否可以为以下类使用一个选择器

.bikes-panel, .cars-panel, .trucks-panel 这样你就有了一个看起来像的选择器

.?????panel{ css code goes here}

我想在 hexo 中对类别进行分组。虽然 hexo <% list_categories %>助手列出了我的所有类别，但我想对嵌套类别进行分组。

我的问题是在两个层面上，第一，你如何代表前面的内容中的子类别。换句话说，我将如何将子类别 [摩托车运动、板球、篮球、曲棍球] 添加到以下前面的内容中。体育是主要类别

categories:
  - sports

二，我如何枚举所有类别及其每个子项。我还用这个代码吗

<%- list_categories(site.categories, { options}); %>

或者有更好的方法/功能吗？