zoukankan      html  css  js  c++  java
  • 点击a标签把a标签里面的span标签内容颜色变色

    1.html

    <div style="margin-left: 77px; background-color: white; line-height: 30px; padding-left: 5px;">
         <a class="pro deleteBrand" title="适用季节" href="javascript:void(0);">适用季节
            <span class="icon-btn-x">x</span>
         </a>
         <a class="pro deleteBrand" title="适用季节" href="javascript:void(0);">适用季节
            <span class="icon-btn-x">x</span>
         </a>
         <a class="pro deleteBrand" title="适用季节" href="javascript:void(0);">适用季节
            <span class="icon-btn-x">x</span>
         </a>
         <a class="pro deleteBrand" title="适用季节" href="javascript:void(0);">适用季节
            <span class="icon-btn-x">x</span>
         </a>
         <a class="pro deleteBrand" title="适用季节" href="javascript:void(0);">适用季节
            <span class="icon-btn-x">x</span>
         </a>
         <a class="pro" id="btn-brand-search" title="适用季节" href="javascript:void(0);">更多∨</a>
     </div>

    2.css

    .pro{
       color: #666;
       border: 1px solid #e8e8e8;
       padding: 0px 6px 0 9px;
       margin-right: 23px;
    }
    .pro:hover span{
       border-color: #f40;
       color: #f40;
    }

    3.页面效果

    3.1 鼠标没移之前

    3.2 鼠标移上之后

  • 相关阅读:
    EasyUi中使用自定义图标
    EasyUi初始配置
    struts2文件上传
    转换器
    Oracle 视图
    存储过程的优缺点
    Oracle 序列详解
    plsql使用技巧
    MYSQL和ORACLE的一些区别
    JAVA操作Excle之Poi(二)批量导出Excle数据
  • 原文地址:https://www.cnblogs.com/jcjssl/p/9546466.html
Copyright © 2011-2022 走看看