2016-06-09 58 views
0

所以我有一个盒子目标父元素专门针对的是父母为.box的A标签?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>是否有更小的方式,如果它存在

例如

a { 
    color: red; 
} 

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

如果在少,你不能选择CSS父元素。所以你不能将CSS应用于父项 – Justinas

回答

2

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; 
} 
相关问题