將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規則應用於外部元素，而不是內部元素

回答

相關問題