css - 关于table tr的样式问题 hover怎么变得是隔行才有反应
天蓬老师
天蓬老师 2017-04-17 14:44:30
[HTML讨论组]

以下是jsp页面的整个代码:

<%@ page language="java" pageEncoding="utf-8"%>
<%@page import="java.util.Date"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!doctype html>

<html lang="en">

<jsp:include page="../../views/include/includeHead.jsp">
    <jsp:param name="title" value="" />
</jsp:include>
<!-- 区域控件css -->
<link rel="stylesheet"
    href="../../../resource/func/js/testArea/css/city-picker.css">
<link rel="stylesheet"
    href="../../../resource/func/js/testArea/css/industry-picker-fx.css">
<link rel="stylesheet"
    href="../../../resource/func/js/testArea/css/industry-picker.css">
<link rel="stylesheet"
    href="../../../resource/func/js/testArea/css/zTreeStyle/zTreeStyle.css"
    type="text/css">
<style>
.time:hover {
    cursor: pointer;
}

.money:hover {
    cursor: pointer;
}

.browser:hover {
    cursor: pointer;
}

.title {
    width: 240px;
    height: 30px;
    display: block;
    overflow: hidden;
}

.positive {
    float: left;
    padding: 10px 10px 10px 10px;
    color: #999999;
}

.search {
    position: relative;
    width: 827px;
    border: 1px solid #1790CF;
    background: #fff;
    margin-top: 25px;
    margin-left: 8px;
}

.search>span {
    color: #c6c6c6;
    font-size: 18px;
    position: absolute;
    left: 2%;
    top: 9px;
}

.search>input {
    padding-left: 45px;
    width: 827px;
    height: 35px;
    font-size: 15px;
    outline: none;
    border: none;
}

.search>button {
    position: absolute;
    top: -1px;
    left: 825px;
    width: 100px;
    height: 37px;
    border: 1px solid #1790CF;
    background: #1790CF;
    color: #fff;
}

.disp:hover {
    background: rgba(162, 212, 230, 0.41);
}
/* 开始比较按钮  */
#startComp {
    width: 60px;
    height: 50px;
    font-size: 12px;
    /* background: -ms-linear-gradient(top, #ffd878, #ffb12e); /* IE 10 */
    /* background: -moz-linear-gradient(top, #ffd878, #ffb12e); /*火狐*/
    /* background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd878), */
    /* to(#ffb12e) ); /*谷歌*/
    /* background-color: #FEC25B; */
    color: #ffffff;
    cursor: pointer;
    position: fixed;
    bottom: 18%;
    text-align: center;
    /* z-index: 999; */
    right: 0%;
}

.figure {
    float: left;
    display: block;
    margin-right: 2px;
    width: 23px;
    height: 34px;
    font: bold 30px/34px 'Microsoft Yahei', arial;
    border-radius: 5px;
    text-align: center;
    color: #1790CF;
    background-color: #fff;
}

#mapStatistics {
    width: 970px;
    background: url("/resource/func/images/total/statistics.png");
}

.proTitle {
    width: 180px;
    height: 50px;
    margin-top: 15px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 3.429px 2.06px 3.84px 0.16px rgba(0, 0, 0, 0.2);
}

.proTitle:hover {
    box-shadow: 8px 5px 4px 1px rgba(0, 0, 0, 0.3);
}

.libraryBtn {
    width: 100px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    margin: 0 10px;
}

.sort {
    height: 30px;
    line-height: 30px;
    width: 135px;
    text-align: center;
    color: #ffaf2c;
}

.active {
    background-color: #FFB02C;
    color: #fff;
}

.positive {
    background-color: #ffb02c;
}

.tabTitle {
    height: 30px;
    text-align: center;
    color: #fff;
    margin: 0 2px;
}

.num {
    width: 40px;
    height: 30px;
    background-color: #ff6600;
    border-top-right-radius: 10px;
    text-align: center;
    line-height: 30px;
    color: #FFF;
    padding: 0
}

.viewDetailButton {
    margin-left: 3px;
    width: 70px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    background-color: #FEC25B;
    color: #ffffff;
    cursor: pointer;
    margin-top: -22px;
}
/* 取消关注按钮  */
.unfocusButton {
    width: 30px;
    height: 23px;
    line-height: 23px;
    font-size: 12px;
    color: #b6c4cb;
    margin-top: 5px;
    /* border: 1px solid #e1e5e8; */
    cursor: pointer;
    margin-left: 3px;
}
/* 对比按钮 */
.compareButton {
    width: 30px;
    height: 23px;
    line-height: 23px;
    font-size: 12px;
    cursor: pointer;
    margin-top: 2px;
    /* border: 1px solid #b5c0c9; */
    margin-left: 3px;
    float: left;
}

.favrButton {
    /* border: 1px solid #067ED7; */
    width: 30px;
    height: 21px;
    margin-left: 50px;
    margin-top: 2px;
    cursor: pointer;
    color: #067ED7;
    background: url('../../../resource/images/proLibrary/library/fav.png') no-repeat 0px center;
    float: left;
}

.favrCancelButton {
    /* border: 1px solid #067ED7; */
    width: 30px;
    height: 21px;
    margin-left: 50px;
    margin-top: 2px;
    cursor: pointer;
    color: #067ED7;
    background: url('../../../resource/images/proLibrary/library/fav2.png') no-repeat 0px center;
}

.td3 {
    BORDER-RIGHT: #fff 1px solid;
    BORDER-BOTTOM: #FFF 1px solid;
}

.bootstrap-select .btn {
    height: 30px;
}
/* 数据超长省略号显示 */
.tooLength {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap;
}
/* #showProNameTable>table>tbody>tr:nth-of-type(odd) {
    border:1px dashed #aaa;
}  */
table>tbody>tr:nth-of-type(odd) {
    background-color: #f5f5f5;
}
.table>tbody>tr>td{
    border: 0px solid #ddd;
}
.table>tbody>tr:hover {
    background-color: #d1e8ef;
    cursor: pointer;
}
table>tbody>tr:nth-of-type(odd):hover {
    background-color: #d1e8ef;
    cursor: pointer;
}
.lockpng{
    background: url(/resource/images/lgip/lock2.png) no-repeat;
    width: 23px;
    height: 43px;
    position: relative;
    left: 70px;
    top: -7px;
} 
</style>
<body class="bodyCss">
    <p class="ca_bg clearfix full-container" style="padding-top: 0px;">


        <form action="/lgip/all/map/index" id="queryForm"
            class="form-horizontal" method="post">
            <jsp:include page="../../views/include/includeNavHeader.jsp">
                <jsp:param name="nav" value="SY" />
            </jsp:include>

            <p class="container minBg">
                <p class="col-xs-2">
                    <p id="menuNav">
                        <jsp:include page="../../views/include/includeMenu.jsp">
                            <jsp:param name="nav" value="PROVIEW" />
                        </jsp:include>
                    </p>
                </p>
                <input type="hidden" id="selectpage" name="selectpage"
                    value="${selectpage}"> <input type="hidden"
                    value="${selectedIds }" id="selectedInfo" name="selectedIds" />

                <p class="container minBg">
                    <input type="hidden" name="section" id="section" /> <input
                        type="hidden" name="selected" id="selected" value="${selected}" />

                    <p class="col-xs-10 tab_info_content"
                        style="position: relative; padding: 0px; margin-left: 170px; background: #fff; margin-bottom: 20px; margin-top: -1px;">
                        <p class="col-xs-12"
                            style="padding: 0; height: 80px; width: 100%; background-color: #f2f2f2">
                            <p class="col-xs-3 proTitle"
                                style="margin-left: 105px; background: url('../../../resource/images/proLibrary/library/libchecked.png') no-repeat 40px center; background-color: #2B98ED; border: 2px solid #2B98ED;"
                                onclick="library(1);" id="prolib">
                                <p id="xmk" style="margin-left: 50px">项目库</p>
                            </p>
                            <p class="col-xs-3 proTitle "
                                style="margin-left: 30px; background: url('../../../resource/images/proLibrary/map/map.png') no-repeat 40px center; background-color: #fff; border: 2px solid #2B98ED;"
                                onclick="distribute(2);" id="prodis">
                                <p id="xmfb" style="margin-left: 50px; color: #2B98ED;">项目分布</p>
                            </p>
                            <p class="col-xs-3 proTitle "
                                style="margin-left: 30px; background: url('../../../resource/images/proLibrary/sta/sta.png') no-repeat 40px center; background-color: #fff; border: 2px solid #2B98ED;"
                                onclick="statistics(3);" id="prosta">
                                <p id="tjInfo" style="margin-left: 50px; color: #2B98ED;">统计信息</p>
                            </p>
                        </p>
                        <!-- 项目分布 -->
                        <p id="map" style="display: none;">
                            <p class="col-xs-12"
                                style="padding: 0; width: 100%; height: 30px; color: #fff; background: url('../../../resource/images/proLibrary/map/mapnav.png') no-repeat 10px center, url('../../../resource/images/proLibrary/banner.png') no-repeat 0 center; background-color: #d1e8ef; line-height: 30px; margin-top: 1px">
                                <p style="margin-left: 40px">项目分布</p>
                            </p>
                            <p id="main"
                                style="height: 600px; width: 780px; float: left; margin-top: 20px"></p>
                            <p class="col-xs-12"
                                style="padding: 0; background-color: #52aed8; width: 100%; height: 100px; margin-top: 20px">
                                <p class="col-xs-6"
                                    style="width: 260px; padding: 0; margin-left: 160px;">
                                    <img class='col-xs-4'
                                        style="margin-top: 15px; padding: 0; width: 73px; height: 73px;"
                                        src="../../../resource/images/proLibrary/map/mapbottom1.png">
                                    <p class="col-xs-6"
                                        style="color: #fff; font-size: 18px; margin-top: 25px; padding: 0; margin-left: 10px">
                                        <p>挂牌项目</p>
                                        <p>${sumnum}个</p>
                                    </p>
                                </p>
                                <p class="col-xs-2">
                                    <img
                                        src="../../../resource/images/proLibrary/map/mapbottom2.png">
                                </p>
                                <p class="col-xs-4" style="width: 260px; padding: 0;">
                                    <img class="col-xs-4"
                                        style="margin-top: 10px; padding: 0; height: 80px; width: 60px;"
                                        src="../../../resource/images/proLibrary/map/mapbottom3.png">
                                    <p class="col-xs-6"
                                        style="color: #fff; font-size: 18px; margin-top: 25px; padding: 0; margin-left: 10px">
                                        <p>挂牌总金额</p>
                                        <p>${sumje/10000}亿</p>
                                    </p>
                                </p>
                            </p>
                        </p>
                        <!-- 项目库 -->
                        <p id="library">
                            <c:if test="${role == '3'}">
                                <p id="startComp" onclick="startCompare();">
                                    <img id="comparePic" alt=""
                                        src="../../../resource/images/proLibrary/library/compare.png">
                                    <p id="startCompare" class="compFont"
                                        style="display: none; line-height: 50px;">开始比较</p>
                                    <c:if test="${not empty selected }">(${selected})</c:if>
                                </p>
                                
                                    <p id="showProName"
                                    style="display: none; position: fixed; right: 60px; top: 76.7%; border: 1px solid #78b9d9; font-size: 12px; background-color: #fff;z-index: 99;">
                                    <p class="col-xs-12" style="padding: 0; position: relative;">
                                    
                                        <p class="col-xs-11"
                                            style="padding: 0; border: 1px solid #78b9d9"
                                            id="proNameLeft">
                                            <table id="showProNameTable" class="table col-xs-12"
                                                style="margin-bottom: 0; padding: 0; min-width: 205px; min-height: 35px;">
                                                <input type="hidden" id="compareListSize" name="compareListSize" value="${fn:length(compareList)}">
                                                <c:forEach items="${compareList}" var="cl">
                                                    <tr><td>${cl.proName}</td><td style="cursor:pointer" onclick="cancelCompare2(this);">×</td></tr>
                                                </c:forEach>
                                            </table>
                                            <p class="text-center col-xs-12"
                                                style="cursor: pointer; background-color: #78b9d9; color: #fff; padding: 0"
                                                onclick="clearProName();">清空</p>
                                        </p>
                                        <p class="col-xs-1 text-center arrow" id="prev"
                                            style="padding: 0; cursor: pointer; display: none; width: 20px; height: 48px; padding-top: 15px;"
                                            onclick="proNamePrev()"><</p>
                                        <p class="col-xs-1 text-center arrow" id="next"
                                            onclick="proNameNext()"
                                            style="padding: 0; cursor: pointer; width: 20px; height: 20px; position: absolute; left: 92%; top: 42%">></p>
                                    </p>
                                </p>
                                
                            </c:if>
                            <p class="col-xs-12"
                                style="padding: 0; width: 100%; height: 30px; color: #fff; background: url('../../../resource/images/proLibrary/library/libnav.png') no-repeat 10px center, url('../../../resource/images/proLibrary/banner.png') no-repeat 0 center; background-color: #d1e8ef; line-height: 30px; margin-top: 1px">
                                <p style="margin-left: 40px">项目库</p>
                            </p>
                            <p class="col-xs-12"
                                style="padding: 0; border: 1px solid #fff; min-height: 700px;">


                                <p class="col-xs-12" style="padding: 0">
                                    <p class="col-xs-12"
                                        style="padding: 0; margin-top: 20px; height: 30px">
                                        <p class="col-xs-6"
                                            style="padding: 0; width: 310px; margin-left: 70px">
                                            <p class="col-xs-2"
                                                style="padding: 0; width: 56px; line-height: 30px; height: 30px;"
                                                align="right">区域</p>
                                            <p class="col-xs-10"
                                                style="padding: 0; margin-left: 80px; margin-top: -32px;">
                                                <p id="distpicker" class="col-xs-8" style="padding: 0">
                                                    <p class="form-group">
                                                        <p style="position: relative;">
                                                            <input id="city-picker3" class="form-control"
                                                                readonly="readonly" style="min-width: 270px" type="text"
                                                                value="${section}" data-toggle="city-picker">
                                                        </p>
                                                    </p>
                                                </p>
                                            </p>
                                        </p>
                                        <p class="col-xs-6"
                                            style="padding: 0; width: 350px; margin-left: 50px">
                                            <p class="col-xs-12"
                                                style="margin-bottom: 10px; padding: 0px;">
                                                <p for="tzjg" class="col-xs-2"
                                                    style="padding-right: 0px; padding-left: 0px; width: 56px; line-height: 30px; height: 30px">行业类别
                                                </p>
                                                <p id="areapicker" class="col-xs-10"
                                                    style="width: 280px; height: 30px; margin-left: 10px">
                                                    <p class="form-group">
                                                        <p style="position: relative;">
                                                            <p class="xlpic form-control-feedback"
                                                                style="left: 257px;"></p>
                                                            <input class="form-control input-fx"
                                                                style="width: 280px; background-color: #FFF;"
                                                                id="industrypickid1" readonly="readonly" type="text"
                                                                name="business_picker" placeholder="请选择"> <input
                                                                type="hidden" id="category" name="category"
                                                                value="${category}">
                                                            <p class="hy-industry-p" style="display: none;">
                                                                <p class='col-xs-12'
                                                                    style="overflow: auto; height: 410px;">
                                                                    <ul id="treeDemo" class="ztree treeDemo"></ul>
                                                                    <button type="button" class="button button-primary "
                                                                        onclick="getIndustrycheck(this);"
                                                                        style="width: 95px; height: 30px; line-height: 30px; padding: 0px; margin-left: 30px;">确认</button>
                                                                    <!-- <button type="button" class="button button-primary " isAll='no' onclick="selectAllIndustry(this);"  style="width:95px;height: 30px;line-height: 30px;padding: 0px;margin-left:30px;"   >全选</button> -->
                                                                </p>
                                                            </p>
                                                        </p>
                                                    </p>
                                                </p>

                                            </p>
                                        </p>
                                    </p>
                                    <p class="col-xs-12" style="padding: 0; margin-top: 20px;">
                                        <p class="col-xs-6"
                                            style="padding: 0; width: 310px; margin-left: 70px">
                                            <p class="col-xs-2"
                                                style="padding: 0; width: 56px; line-height: 30px; height: 30px">发布时间</p>
                                            <p class="col-xs-10 none-padding has-feedback"
                                                style="margin-left: 48px; margin-top: -30px;">
                                                <p class="col-xs-5" style="padding-left: 2px;">
                                                    <p class="nav_datepic form-control-feedback"
                                                        style="left: 95px;"></p>
                                                    <input type="text" id='startTime' name='startTime'
                                                        class="stime form-control inputTextCss form-control"
                                                        style="background-color: #ffffff; width: 125px; padding-left: 4px;"
                                                        datepicker placeholder="    全部" readonly="readonly"
                                                        value="${stime}">
                                                </p>
                                                <p class="col-xs-2"
                                                    style="width: 5px; height: 30px; line-height: 30px; margin-left: 5px;"></p>
                                                <p style="position: absolute; top: 4px; left: 144px;">一</p>
                                                <p class="col-xs-5 ">
                                                    <p class="nav_datepic form-control-feedback"
                                                        style="left: 105px;"></p>
                                                    <input type="text" id='endTime' name='endTime'
                                                        class="etime form-control inputTextCss form-control"
                                                        style="background-color: #ffffff; width: 126px; padding-left: 4px;"
                                                        datepicker placeholder="     全部" readonly="readonly"
                                                        value="${etime}">
                                                </p>
                                            </p>
                                        </p>
                                        <p class="col-xs-6"
                                            style="padding: 0; width: 310px; margin-left: 50px">
                                            <p class="col-xs-2" style="padding: 0; width: 56px"
                                                align="right">合作方式</p>
                                            <p class="col-xs-10"
                                                style="padding: 0; margin-left: 66px; margin-top: -22px;">
                                                <select id="hzfsSel" name="hzfsSel"
                                                    class="selectpicker show-tick" style="height: 30px;"
                                                    data-width="280px">
                                                    <option value="">请选择</option>
                                                    <c:forEach items="${hzfs}" var="op">
                                                        <option value="${op.value }"
                                                            <c:if test="${hzfsSel == op.value}">selected="selected"</c:if>>${op.desc
                                                            }</option>
                                                    </c:forEach>
                                                </select>
                                            </p>
                                        </p>
                                    </p>
                                    <p class="col-xs-12" style="padding: 0; margin-top: 20px;">
                                        <p class="col-xs-6"
                                            style="padding: 0; width: 310px; margin-left: 70px">
                                            <p class="col-xs-2"
                                                style="padding: 0; width: 56px; line-height: 30px; height: 30px">投资规模</p>
                                            <p class="col-xs-10 none-padding has-feedback"
                                                style="margin-left: 48px; margin-top: -30px;">
                                                <p class="col-xs-5" style="padding-left: 2px;">
                                                    <input type="hidden" id="minAmt" name="minAmt"
                                                        value="${minAmt}"> <input type="hidden"
                                                        id="maxAmt" name="maxAmt" value="${maxAmt}"> <input
                                                        type="text" id='showMinAmt' name='showMinAmt'
                                                        placeholder="" maxlength="9"
                                                        onblur="changeAmtBlur('min');"
                                                        onfocus="changeAmtFocus('min');"
                                                        class="form-control bg_wanyuan"
                                                        style="width: 125px; padding-left: 10px;">
                                                </p>
                                                <p class="col-xs-2"
                                                    style="width: 5px; height: 30px; line-height: 30px; margin-left: 5px;"></p>
                                                <p style="position: absolute; top: 4px; left: 144px;">一</p>
                                                <p class="col-xs-5 ">
                                                    <input type="text" id='showMaxAmt' name='showMaxAmt'
                                                        placeholder="" maxlength="9"
                                                        onblur="changeAmtBlur('max');"
                                                        onfocus="changeAmtFocus('max');"
                                                        class="form-control bg_wanyuan" value=""
                                                        style="width: 128px; padding-left: 10px;">
                                                </p>
                                            </p>
                                        </p>
                                        <p class="col-xs-6"
                                            style="padding: 0; width: 310px; margin-left: 50px">
                                            <p class="col-xs-2" style="padding: 0; width: 56px"
                                                align="right">关键字</p>
                                            <p class="col-xs-10"
                                                style="padding: 0; margin-left: 66px; margin-top: -22px;">
                                                <input type="text" id='keyWords' name='keyWords'
                                                    class="inputTextCss  form-control"
                                                    placeholder="区域、编号、名称等关键字" value="${keyWords }"
                                                    style="width: 280px;">
                                            </p>
                                        </p>
                                    </p>
                                    <p class="col-xs-12"
                                        style="padding: 0; width: 260px; float: right; margin-top: 10px;">
                                        <p class="col-xs-5 libraryBtn"
                                            style="background: url('../../../resource/images/proLibrary/library/search.png') no-repeat 20px center; background-color: #ffaf2c; cursor: pointer;"
                                            onclick="queryProInfo();">
                                            <p style="margin-left: 30px;">搜索</p>
                                        </p>
                                        <p class="col-xs-5 libraryBtn"
                                            style="background: url('../../../resource/images/proLibrary/library/clear.png') no-repeat 20px center; background-color: #ffaf2c; cursor: pointer;"
                                            onclick="resetQuery();">
                                            <p style="margin-left: 35px;">重置</p>
                                        </p>
                                    </p>
                                </p>
                                <p class="col-xs-12"
                                    style="position: absolute; height: 60px; top: 190px; z-index: 9px;"></p>
                                <p class="col-xs-12"
                                    style="padding: 0; margin-top: 20px; z-index: 99px;">
                                    <p class="col-xs-10" style="padding: 0;">
                                        <p class="col-xs-10"
                                            style="padding: 0; margin-left: 20px; top: 6px;">

                                            <input type="hidden" id="sort" name="sort" value="${sort}">
                                            <p class="col-xs-3 sort" style="padding: 0; left: 3px;">

                                                <p class="col-xs-1" id="leftborder1"
                                                    style="position: absolute; border-radius: 50% 0 0 50%; width: 15px; height: 30px; border: 1px solid #ffaf2c; border-right: none; background: #fff;"></p>
                                                <p class="col-xs-9 thead_sort1"
                                                    style="padding: 0; border: 1px solid #ffaf2c; margin-left: 30px; border-left: none; background: #fff;">
                                                    <p style="cursor: pointer; height: 28px;" updown="up"
                                                        id="G" onclick="ordered(this)">截止时间</p>
                                                </p>
                                            </p>
                                            <!-- <p class="col-xs-3 sort"
                                                style="padding: 0; background-color: #fff;">
                                                <p class="col-xs-12  thead_sort1" id="F" updown="up"
                                                    style="padding: 0; border: 1px solid #ffaf2c; cursor: pointer; height: 30px; left: "
                                                    onclick="ordered(this)">金额</p>
                                            </p> -->
                                            <p class="col-xs-2 sort "
                                                style="padding: 0; margin-left: 1px;">
                                                <p class="col-xs-9 "
                                                    style="padding: 0; border: 1px solid #ffaf2c; border-right: none; color: #ffaf2c; height: 30px; line-height: 30px; background: #fff;">
                                                    <p
                                                        style="margin-left: 0px; cursor: pointer; width: 110px; height: 28px;"
                                                        class="thead_sort1" id="E" updown="up"
                                                        onclick="ordered(this)">浏览量</p>
                                                </p>
                                                <p class="col-xs-2" id="leftborder"
                                                    style="padding: 0; width: 30px; height: 30px; le; border-radius: 0 50% 50% 0;; border: 1px solid #ffaf2c; border-left: none; background: #fff;"></p>

                                            </p>


                                        </p>

                                    </p>
                                    <table class="col-xs-12" style="padding: 0; margin-top: 20px;">
                                        <tr>
                                            <td class="tabTitle"
                                                style="background: url('../../../resource/images/proLibrary/library/baseinfor.png') no-repeat 35px center; background-color: #408dd3; width: 181px; border-right: 1px solid #fff;"><p
                                                    style="margin-left: 20px">项目编号</p></td>
                                            <td class="tabTitle"
                                                style="background: url('../../../resource/images/proLibrary/library/proName.png') no-repeat 85px center; background-color: #408dd3; width: 266px; border-right: 1px solid #fff"><p
                                                    style="margin-left: 20px">项目名称</p></td>
                                            <td class="tabTitle"
                                                style="background: url('../../../resource/images/proLibrary/library/industry.png') no-repeat 15px center; background-color: #408dd3; width: 120px; border-right: 1px solid #fff"><p
                                                    style="margin-left: 25px">所属行业</p></td>
                                            <td class="tabTitle"
                                                style="background: url('../../../resource/images/proLibrary/library/area.png') no-repeat 30px center; background-color: #408dd3; width: 160px; border-right: 1px solid #fff"><p
                                                    style="margin-left: 23px">所在区域</p></td>
                                            <td class="tabTitle"
                                                style="background-color: #408dd3; width: 100px;
                                                background:<c:if test="${role==3}">url('../../../resource/images/proLibrary/library/operate.png') no-repeat 3px center</c:if><c:if test="${role==2}">url('../../../resource/images/proLibrary/library/invest2.png') no-repeat 3px center</c:if>; 
                                                background-color: #408dd3;"><p
                                                    style="margin-left: 0px">
                                                    <c:if test="${role==3}">操作</c:if>
                                                    <c:if test="${role==2}">&nbsp;&nbsp;&nbsp;投资规模</c:if>
                                                </p></td>
                                        </tr>
                                    </table>
                                    <p class="col-xs-12 none-padding"
                                        style="padding-left: 0px; padding-right: 0px;">
                                        <table class="col-xs-12 none-padding table-striped">
                                            <tbody>
                                                <tr style="height: 0px;"></tr>
                                                <c:choose>
                                                    <c:when test="${not empty pagelist}">
                                                        <c:forEach items="${pagelist}" var="item"
                                                            varStatus="liInd">
                                                            <tr>
                                                                <td>
                                                                    <p class="oldbackColor">
                                                                        <table class="table table-hover"
                                                                            style="width: 100%; table-layout: fixed; margin-bottom: 0">
                                                                            <col style="width: 22.2%;" />
                                                                            <col style="width: 33.1%" />
                                                                            <col style="width: 14.4%" />
                                                                            <col style="width: 19.2%" />
                                                                            <col style="width: 12.5%" />
                                                                            
                                                                            <tr
                                                                                style="height: 40px;<c:if test="${liInd.index%2==1}"> </c:if><c:if test="${liInd.index%2==0}"> background: #fff;</c:if>"
                                                                                <c:if test="${role == '1' || (role == '2' && item.procrtId == userId) || (role == '3' && !(item.lockFlag ))}">
                                                                                    onclick="window.location='/lgip/all/details/allocated?menuIcon=A&id=${item.id}'"
                                                                                </c:if>
                                                                                <c:if test="${(role == '3' && (item.lockFlag ) && (item.lockUser == userId) )}">
                                                                                    onclick="window.location='/lgip/all/details/allocated?menuIcon=A&id=${item.id}'"
                                                                                </c:if>
                                                                                <c:if test="${(role == '3' && (item.lockFlag ) && (item.lockUser != userId) )}">
                                                                                    onclick="showTip('tz2');"
                                                                                </c:if>
                                                                                <c:if test="${ (role == '3' && (item.lockFlag ) && (item.lockUser == userId) )}">
                                                                                    onclick="showTip('tz2');"
                                                                                </c:if> >

                                                                                <!-- 项目编号 -->
                                                                                <td class="intervalBorder leftConp td3" style="padding: 0px;vertical-align: middle;">
                                                                                    <p class="col-xs-12 dataLeft"
                                                                                        style="padding: 5px;">
                                                                                        <font style="color: #333333;">${item.proNo}</font>
                                                                                    </p>
                                                                                </td>

                                                                                <!-- 项目名称 -->
                                                                                <td class="dataLeft intervalBorder td3 tooLength" align="center"
                                                                                    style="vertical-align: middle;"<%-- <c:if test="${liInd.index%2==1}"> style="background: #fff;"</c:if>
                                                                                    <c:if test="${liInd.index%2==0}"> style="background: #fafafa;"</c:if> --%>><font
                                                                                    class="important_font_color">${item.proName}</font>

                                                                                </td>
                                                                                <!-- 行业 -->
                                                                                <td class="dataLeft intervalBorder td3 tooLength"
                                                                                    style="text-align: center;vertical-align: middle;padding:0px; <%-- <c:if test="${liInd.index%2==1}"> background: #fafafa;</c:if><c:if test="${liInd.index%2==0}"> background: #f2f2f2;</c:if> --%>"><font
                                                                                    class="important_font_color">${item.proType}</font>
                                                                                </td>
                                                                                <!-- 所在区域 -->
                                                                                <td class="intervalBorder td3 tooLength"
                                                                                    style="text-align: center;word-break:break-all;vertical-align: middle;<%-- <c:if test="${liInd.index%2==0}"> background: #fafafa;</c:if><c:if test="${liInd.index%2==1}"> background: #fff;</c:if> --%>"><font
                                                                                    size="2" class="important_font_color"
                                                                                    style="color: #333333">${item.proArea}</font>
                                                                                </td>
                                                                                <!-- 操作 -->
                                                                                <td
                                                                                    <%-- <c:if test="${liInd.index%2==1}"> style="background: #fafafa;text-align: center;"</c:if>
                                                                                    <c:if test="${liInd.index%2==0}"> style="background: #f2f2f2;text-align: center;"</c:if> --%>
                                                                                    class="intervalBorder"
                                                                                    style="vertical-align: middle;">
                                                                                     <c:if test="${role==3}">
                                                                                        <c:if test="${item.userId!=userId}">
                                                                                            <p class="favrButton" align="center"
                                                                                                style="position: absolute;float: right;"
                                                                                                onclick="favoriteContrl(this)" title="添加收藏" id="${item.id}">
                                                                                            </p>
                                                                                        </c:if>
                                                                                        <c:if test="${item.userId==userId}">
                                                                                            <p class="favrCancelButton" align="center"
                                                                                                style="position: absolute;float: right;"
                                                                                                onclick="favoriteContrl(this)" title="取消收藏" id="${item.id}">
                                                                                            </p>
                                                                                        </c:if>
                                                                                    </c:if> 
                                                                                    
                                                                                    <c:if
                                                                                        test="${role==3}">
                                                                                        <c:choose>
                                                                                            <c:when
                                                                                                test="${role == '1' || (role == '2' && item.procrtId == userId) 
                                                                                        || (role == '3' && !(item.lockFlag )) }">
                                                                                                <%-- <p align="center" class="viewDetailButton "
                                                                                                    onclick="viewDetail('${item.id}')">查看详情</p> --%>
                                                                                                <!-- 控制对比和取消对比按钮 -->
                                                                                                <c:choose>
                                                                                                    <c:when test="${!(item.focusFlag) }">
                                                                                                        <p class="compareButton" align="center"
                                                                                                            onclick="compare(this);" id="${item.id}">
                                                                                                            <img alt="对比"
                                                                                                                src="../../../resource/images/proLibrary/library/vs.png"
                                                                                                                style="margin-top: -2px;">&nbsp;<font></font>
                                                                                                        </p>
                                                                                                    </c:when>
                                                                                                    <c:otherwise>
                                                                                                        <p class="unfocusButton " align="center"
                                                                                                            onclick="cancelCompare(this);"
                                                                                                            id="${item.id}">
                                                                                                            <img alt="对比"
                                                                                                                src="../../../resource/images/proLibrary/library/vs2.png" style="margin-top: -2px;">
                                                                                                            <font></font>
                                                                                                        </p>
                                                                                                    </c:otherwise>
                                                                                                </c:choose>
                                                                                            </c:when>
                                                                                            <c:when
                                                                                                test="${ (role == '3' && (item.lockFlag ) && (item.lockUser == userId) )}">
                                                                                                <!-- <p align="center" class="viewDetailButton"
                                                                                                    onclick="showTip('tz1');">查看详情</p> -->
                                                                                                <p class="compareButton " align="center"
                                                                                                    onclick="showTip('tz1');" id="${item.id}">
                                                                                                    <img alt="对比"
                                                                                                        src="../../../resource/images/proLibrary/library/vs.png"
                                                                                                        style="margin-top: -2px;">&nbsp;<font></font>
                                                                                                </p>
                                                                                                <p style="position:absolute;"><p class="lockpng"></p></p>
                                                                                            </c:when>
                                                                                            <c:when
                                                                                                test="${ (role == '3' && (item.lockFlag ) && (item.lockUser != userId) )}">
                                                                                                <!-- <p align="center" class="viewDetailButton "
                                                                                                    onclick="showTip('tz2');">查看详情</p> -->
                                                                                                <p class="compareButton " align="center"
                                                                                                    onclick="showTip('tz2');" id="${item.id}">
                                                                                                    <img alt="对比"
                                                                                                        src="../../../resource/images/proLibrary/library/vs.png"
                                                                                                        style="margin-top: -2px;">&nbsp;<font></font>
                                                                                                </p>
                                                                                                <p style="position:absolute;"><p class="lockpng"></p></p>
                                                                                            </c:when>
                                                                                            <c:otherwise>
                                                                                                <!-- <p align="center" class="viewDetailButton "
                                                                                                    onclick="showTip('xm');">查看详情</p> -->
                                                                                                <p class="compareButton " align="center"
                                                                                                    onclick="showTip('xm');" id="${item.id}">
                                                                                                    <img alt="对比"
                                                                                                        src="../../../resource/images/proLibrary/library/vs.png"
                                                                                                        style="margin-top: -2px;">&nbsp;<font></font>
                                                                                                </p>
                                                                                            </c:otherwise>
                                                                                        </c:choose>
                                                                                              
天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(2)
伊谢尔伦

你的代码突破天际的长。问题的描述我没看懂,我问问你是想隔行有效,还是不想隔行有效。

每行都有效的话,直接写:hover就可以

隔行有效的,用css的选择器2n还是2n+1就看你是想用奇数还是偶数了。nth-of-type()。。odd和even也行

迷茫

不允许使用js操作?

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号