四个div块点击某个突出显示

css:.pollTitle {
    margin-top: -1%;
    margin-bottom: 0.3%;
    margin-left: -1.3%;
    margin-right:2%;
    width: 100%;
}

    .pollTitle a {
        text-decoration: none;
        color: #000;
        
        height: 40px;
        line-height: 40px;
        font-size: 17px;
        font-family: 微软雅黑;
    }

.tilte_con {
    width: 129px;
    height: 40px;
    border: 1px solid #808080;
    text-align: center;
    float: left;
}

div:

 <div class="pollTitle">
                <div class="tilte_con" id="" οnclick="stateCssCorlor(this)">
                    <a href="#">全部</a>
                </div>
                <div class="tilte_con" id="" οnclick="stateCssCorlor(this)">
                    <a href="#">待发货</a>
                </div>
                <div class="tilte_con" id="" οnclick="stateCssCorlor(this)">
                    <a href="#">已发货</a>
                </div>
                <div class="tilte_con" id="" οnclick="stateCssCorlor(this)">
                    <a href="#">已完成</a>
                </div>
                <div class="tilte_con" id="" οnclick="stateCssCorlor(this)">
                    <a href="#">已取消</a>
                </div>
                <div class="tilte_con" id="" οnclick="stateCssCorlor(this)">
                    <a href="#">已付款</a>
                </div>
                <div class="tilte_con" id="" οnclick="stateCssCorlor(this)">
                    <a href="#">退货处理</a>
                </div>
            </div>

jquery:
    $('.tilte_con').css({ "border-top": "1px solid #808080", "font-size": "17px", "font-weight": "400" });
    $(objThis).css({ "border-top": "2px solid #ff6a00", "font-size": "18px", "font-family": "微软雅黑", "font-weight": "bold" });

转载于:https://www.cnblogs.com/wangtiantian/p/5032523.html