将CSS/SASS规则应用于外部元素，而不是内部元素

我目前正在使用第三方JS库，它在页面/ DOM内插入内容区域，该库是Sir Trevor。将CSS/SASS规则应用于外部元素，而不是内部元素

现在我想申请一些自定义的CSS规则，例如：

.st-block:before { 
    @include roundedIcon(38px, $colorX, $colorY); 
    content: counter(mylistCounter, decimal); 
    counter-increment: mylistCounter; 
    margin-right: $margin-variable; 
}

现在这个伟大工程，一些是我的div与.st-block课前提出。然而，随着这个类可以一个DIV有的时候确实包含一个子DIV与同一类，像这样：

<div class="content"> 

    <div id="st-block-16" class="st-block st-icon--add st-item-ready" data-type="listicle" data-instance="st-editor-8"> 
     <!-- here's the child... grrr!!! --> 
     <div id="st-block-17" class="st-block st-icon--add st-item-ready" data-type="listicle" data-instance="st-editor-8"> 
      Child Div Here... 
     </div> 
    </div> 

    <div id="st-block-18" class="st-block st-icon--add st-item-ready" data-type="listicle" data-instance="st-editor-8"> 
    No Child Div 
    </div> 

    <div id="st-block-19" class="st-block st-icon--add st-item-ready" data-type="listicle" data-instance="st-editor-8"> 
    No Child Div 
    </div> 

</div>

我如何修改我的CSS/SASS类，以防止同一类孩子/ div嵌套受到影响（在上面的示例中，ID为id="st-block-17"）？请注意，我有过的ID

来源

2014-01-30 Mike Sav

仅选择只有一个更深层次的则带class =“内容”

.content > .st-block

股利类的alocation无法控制

来源

2014-01-31 11:11:16 sneeky

将CSS/SASS规则应用于外部元素，而不是内部元素

回答

相关问题