小编Ric*_*oat的帖子

我正在使用遵循以下语法的脚本在我的页面中设置选项卡式内容部分:

<!-- Clickable tab links -->
<ul class="js-tablist">
    <li id="tab1" class="js-tab active"><a href="#tabpanel1">Tab 1</a></li>
    <li id="tab2" class="js-tab"><a href="#tabpanel2">Tab 2</a></li>
    <li id="tab3" class="js-tab"><a href="#tabpanel3">Tab 3</a></li>
</ul>

<!-- Tab panels -->
<div id="tab-set" class="js-tabpanel-group">
    <section id="tabpanel1" class="js-tabpanel">__CONTENT__</section>
    <section id="tabpanel2" class="js-tabpanel">__CONTENT__</section>
    <section id="tabpanel3" class="js-tabpanel">__CONTENT__</section>
</div>

我会设置各种ARIA角色(role="tablist",role="tab",role="tabpanel"在这种结构性标记通过JavaScript等)(因为如果没有脚本则没有标签),但我不确定相当哪里把我的"咏叹调-控制"的属性.他们应该继续 <li>元素还是<a>子元素？或者没关系？事实上,同样的问题可以问role="tab"及tabindex="0"-应这些东西在列表项或锚去？

我目前正在使用以下规则：

margin-left: calc(((100vw - 624px) / 144) * 5);

视口宽度为1200像素时，其值为20像素。但是，我真正想要的是得到20％的结果。理想情况下，这意味着将乘数“ 5”从整数更改为“ 5％”。但是，为了做到这一点，我需要从其余的计算中删除单位，以便计算将被处理4 * 5%而不是4px * 5。

在SASS中，我可以除以1px，但在calc中，只能除以一个数字，而不能除以一个统一的值。

有没有办法从calc函数的一部分中删除单位？

我正在尝试使用条件创建一个mixin但我在编译时遇到错误.生成的错误是:

Error: Properties are only allowed within rules, directives, mixin includes, or other properties.

这是我正在使用的代码:

@mixin mypadder ($topBottomBoth: myDefaultOption, $topUnits: 0, $bottomUnits: 0) {
    @if $topBottomBoth == tp {
        padding-top: 1em;
        }
    @else if $topBottomBoth == bt {
        padding-bottom: 1em;
        }
    @else {
        padding-top: 1em;
        padding-bottom: 1em;
        }
    }

我还尝试将$ topBottomBoth参数的值放在引号中,首先只是它出现在参数(mixin的第一行)中的位置,然后在条件测试中另外在该变量/参数的值周围加上引号.在每种情况下,我都会得到同样的错误.看了很多条件混合的例子后,我仍然无法看到我的语法错误.