LESS：</p> <pre><code><div class="box">Box</div> </code></pre> <p>有時候這個盒子可以被包裝在一個標籤：</p> <pre><code><a href="#"><div class="box">Box in an A tag</div></a> </code></pre> <p>是否有更小的方式，如果它存在

Question

所以我有一個盒子目標父元素專門針對的是父母爲.box的A標籤？

例如

a { 
    color: red; 
} 

a [that is a parent of .box] { 
    color: blue; 
} 

Answer 1

No, you cannot select ancestor elements using LESS or CSS，但少了什麼叫parent selector，或&。

的&操作者表示嵌套規則的父選擇器和最常用的是在申請時的改性類或僞類到現有選擇器

所以，在你的情況，而不是改變母公司的color，您可以使用&來定位具有a父母的.box的實例，例如

.box { 
    color: red; 

    a & { 
    color: blue; 
    } 
} 

這相當於：

.box { 
    color: red; 
} 
a .box { 
    color: blue; 
}