zoukankan      html  css  js  c++  java
  • css小技巧---:not()

    对于最后一个元素,一般情况下,我们都要单独处理。

    如:

    <style>.test span{

    display: block;
    border-bottom: 2px solid #e5e5e5;
    line-height:1.5;
    }
    .test span:last-ot-type{
    border-bottom: 0;
    }

    </style>

    <div class="test">
    <span>这里是第一个</span>
    <span>这里是第二个</span>
    <span>这里是第三个</span>
    </div>

    这段代码的目的是让最后一个span不存在底部border,我以前也是这样处理。但现在是:not(:last-of-type)  show time~

    <style>.test span:not(:last-of-type){

    display: block;
    border-bottom: 2px solid #e5e5e5;
    line-height:1.5;
    }</style>

    只需要这样写就可以了。节省很多时间~~~

  • 相关阅读:
    Linux
    Other
    Linux
    VIM
    Linux
    其他
    Win10
    Win10
    IDE
    其他
  • 原文地址:https://www.cnblogs.com/WQLong/p/7777423.html
Copyright © 2011-2022 走看看