根据子元素的存在有条件地应用css

Question

是否可以使用 less 来执行有条件的操作？我想要的逻辑是表格＆gt; tr> td有a标记，然后在padding: 20px标记上应用a。如果a中没有td标记，请在td本身上应用填充。

Answer 1

您所建议的内容在CSS中是不可能的，因此LESS也无法做到这一点。

但是，我们可以尝试聪明：

table > tr > td {
    padding-top: 20px;
}
table > tr > td a {
    margin-top: -20px;
    padding-top: 20px;
}

它看起来很怪异和“hacky”，但如果我可以，你的要求也是如此：）