是否有可能使用少于做一个条件?我想要的逻辑是,如果一个表> tr> td有一个a
标记,那么在a
标记上应用padding: 20px
。如果td
中没有a
标记,则在td
本身上应用填充。有条件地应用基于子元素的存在的css
0
A
回答
2
你提出的建议在CSS中是不可能的,所以LESS也无法做到这一点。
然而,我们可以尝试巧妙:
table > tr > td {
padding-top: 20px;
}
table > tr > td a {
margin-top: -20px;
padding-top: 20px;
}
它看起来奇怪,“哈克”,但如果我可以,所以做你的要求:)
+0
这有效。关键是,用户可以单击“a”表单元格中的整个区域,而不仅仅是链接。这需要在'a'标签上应用填充,而不是'td'。但是'td'没有'a'标签。 – Justin 2014-10-03 01:30:54
+0
然后,另一种解决方案是使用直接子操作符:'>'。这会更优雅:'table> tr> td> * {padding:20px;}' – 2014-10-03 07:54:10
相关问题
- 1. 选择基于CSS的子元素
- 2. 基于子元素的值更改父元素的CSS
- 3. 有条件地应用CSS
- 4. 有条件地设置样式,如果兄弟元素存在于纯CSS中
- 5. 基于条件的表单元素(Happy.js)
- 6. php - 基于元素数组的条件
- 7. 基于逻辑条件的列表中的子集元素
- 8. 基于子元素
- 9. 将css应用于存在于一组网址的元素
- 10. 有条件地包含基于类的存在的代码
- 11. CSS基于条件
- 12. 基于条件语句的矩阵元素的条件更新
- 13. 有选择地隐藏基于父级的子元素
- 14. Angular 2 - 将条件样式应用于指令的子元素HTML元素
- 15. 基于相邻孩子有选择地更新XML子元素值元素值
- 16. 如何有条件地应用基于属性的ng-disabled?
- 17. 基于两个条件去除元素
- 18. jQuery:有条件地显示基于下拉框选择的元素
- 19. 子集元素基于元素表b
- 20. 基于元素高度的CSS?
- 21. CSS基于同胞的孩子的元素选择
- 22. 有条件地格式化基于单元格的行
- 23. 有关排序基于子元素
- 24. 的RichFaces 3.3.2 GA有条件地显示基于基于这个例子验证
- 25. CSS有条件地应用样式
- 26. ASP.NET - 将CSS元素应用于Master的(子)页面的问题
- 27. XSLT:基于元素子孙
- 28. 有条件地更改为同一父代中的子元素
- 29. 使用XMLStreamReader和StreamFilter过滤出基于子元素的元素
- 30. 使用jQuery根据多个子元素的条件设置父元素css
少只是一个CSS预处理器。你将不得不定义规则来处理这两种情况。 – PSL 2014-10-03 01:09:40