时间戳

首页 > 解决方案 > 当同一类的两次潜水选择第一个 div

css - 当同一类的两次潜水选择第一个 div

问题描述

如果有人能提供帮助会很高兴:)

根据情况，有两种可能。两个具有相同类的 div 并排，以及具有不同类的 div，根据情况我想将 css 添加到第一个具有类图像的 div 时，旁边是具有类图像的 albo div

1.

<div class="image"></div>
<div class="image"></div>

  1. .image { padding-right: 40px; }

是否有可能两个给出如下规则，但仅适用于具有类图像的第一个 div，而具有类图像的第二个 div 位于旁边。

.image + .image {
   padding-right: 5px
}

标签： csssass

解决方案

您不能根据后代或后续兄弟姐妹进行选择；从您已经在选择器中到达的任何点，您只能选择向前/向下。

你可以做的是在你的元素周围放置一个包装元素，然后排除:last-child：

.outer { font-size: 0; border: 1px solid #333; display: inline-block; }

.inner {
  background-color: #ccc;
  display: inline-block;
  height: 40px;
  width: 40px;
}

.inner:not(:last-child) {
  margin-right: 20px;
}
<div class="outer">
    <div class="inner"></div>
    <div class="inner"></div>
    <div class="inner"></div>
    <div class="inner"></div>
    <div class="inner"></div>
</div>

推荐阅读