Question

如何在for循环中使颜色变浅？我试图制作更轻的

并且我必须使用int inline withoud sass。

<style>
li{
  background-color: #ffcc00;
  }
</style>

现在我有循环，我有

标签，我想在每个foorm循环运行中制作更亮的背景颜色。所以我的每一个下一个应该更轻松。我可以内联吗？当我尝试使用时：

<li style="opacity: 0.1">

然后我的所有元素都变得更轻我需要更轻的其他元素然后预览。

CSS：

<style>

  li{
  background-color: rgba(255, 204, 0,0.1);

  }
  li.lighter{
    li
  }

</style>

HTML：

 <div class="navbar-header animated">
              <ul>
                {% for elem in elements %}
                    <li>
                      <a href="/{{elem.page_type.symbol}}/{{elem.url}}">
                        {{elem.title}}
                      </a>
                    </li>
{% endfor%}
    </ul>
    </div>

Answer 1

试试这个..

background-color: rgba(255, 204, 0,0.1);

示例:(这是您的期望？）

<style>
    body { margin:0; padding:0; background:url(http://estaticos.elperiodico.com/resources/jpg/7/9/tierra-por-noche-conjunto-fotos-ensambladas-capturadas-por-satelite-estadounidense-suomi-npp-1354737837997.jpg) no-repeat left top; background-size:100%; }
    a { text-decoration:none; color:#fff; }
    ul { padding:0; }
    li { background-color: rgba(255, 204, 0,0.1); padding:10px; list-style:none; }
</style>

<div class="navbar-header animated">
  <ul>
    <li> <a href="#"> Light Background </a> </li>
  </ul>
</div>

在每个循环运行中使li变浅

1 个答案: