html - 使用第一个类型的 css 为 Bootstrap 选项卡中的第一个选项卡设置边距

Question

.nav-tabs > li:first-of-type > a,
            .nav-tabs > li.active:first-of-type > a,
            .nav-tabs > li.active:first-of-type > a:hover,
            .nav-tabs > li.active:first-of-type > a:active,
            .nav-tabs > li.active:first-of-type > a:focus{
                margin-left: 10px;
            }

我试图将第一个选项卡的边距设置为 10px，但上面的 css 认为无论选择哪个，都会将边距设置为 10px。我在这里做错了什么

Answer 1

问题是 active 类。这是表示当前事件元素的默认 Bootstrap 类。从你的选择器中删除它

.nav-tabs > li:first-of-type > a,
        .nav-tabs > li:first-of-type > a,
        .nav-tabs > li:first-of-type > a:hover,
        .nav-tabs > li:first-of-type > a:active,
        .nav-tabs > li:first-of-type > a:focus{
            margin-left: 10px;
        }