• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

我需要选择(不是最后一个孩子),只有当它有特定的类

css 来源:user3541631 3次浏览

我有以下代码:我需要选择(不是最后一个孩子),只有当它有特定的类

<td><img src="img/product.jpg" height="40" width="40"/></td> 
<td>Triple monochromator for Raman</td> 
<td><a href="i"></a></td> 
<td> 
<a class="action--edit"><i class="icon-building"></i></a> 
<a class="action--delete"><i class="icon-building"></i></a> 
<a class="action--view"><i class="icon-building"></i></a> 
</td> 

我需要什么:

填充左添加到锚带班即开始行动,而不是最后一个孩子

选择锚(不是最后一个)工作原理:

a:not(:last-child) { 
    padding-right: 5px; } 

ŧ RY获得也是类不起作用

a[class^=action--]:not(:last-child) { 
     padding-right: 5px; } 

a:not(:last-child) [class^=action--] { 
     padding-right: 5px; } 


===========解决方案如下:

代替将padding-right,除了最后一个的一切,你可以申请padding-left一切除了第一个。这将使您的代码更直观,更易于阅读。

检查了这一点:

a[class^=action--] + a { 
    padding-left: 5px; 
} 

对Adjacent Sibling Selector 读操作,+意味着“紧随其后每隔a[class^=action--]a:所以它适用于所有图标,第一个除外


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)