css - CSS 可以检查元素是否损坏了吗？

Question

有没有办法检查(在 CSS 中)元素是否损坏/新衬里？我不知道 div 或父级的宽度。我只想知道中断后的第一个元素，所以我可以为这个元素添加特殊的 CSS

像这样:

<div>
  first
</div>    
<div>
  second
</div>  
<div>
  third
</div>  
<div>
  fourth
</div>

CSS:

div {
    float:left;
    width:200px;
    height:20px;
}
div:not(:first-child) {
    padding-left:10px;
}

这里我需要检查元素是否在新行上，以便我可以删除填充:

div:first-after-break {
    padding-left:0;
}

Answer 1

我认为在这种情况下，您可以通过使用 padding-right 代替 padding-left 来分隔元素。这样，元素在新行开始时不会缩进。如果 padding-right 在行尾导致问题，您可以考虑使用 :last-child 伪选择器 ( more information about :last-child )，并设置 padding -right: 0; 那里。

不过，这并没有放弃这个问题。我可以想到您描述的 :first-after-break 伪的合法用途。例如:使用 float block 级元素的完全响应式布局。在这种情况下，人们可能想知道某个元素是否在窗口的左侧。