如何突出兩個divs，當徘徊一個和排除所有其他divs？

如何突出顯示兩個div時，徘徊一個和排除所有其他divs？有沒有一種CSS方式來做到這一點？如何突出兩個divs，當徘徊一個和排除所有其他divs？

我有一個div表（.attribute）和它的兩個部分（col-att）與左列div（.box1）和右列div（.box2）。我試圖讓懸停時的box1突出顯示，懸停時懸浮的box2突出顯示，而不是懸停在相反的列上，因此給出這樣的印象：懸停時這兩列是分開的。

我已經嘗試了很多不同的CSS類沒有成功。它通常會突出顯示一個div單元（一個.box1或一個.box2）。

這裏是我的HTML代碼：

<div class="bg-white attribute"> 
    <div class="row"> 
     <div class="col-att box1 col-md-6 col-lg-3"> 
      <label class="p-t-7">Liability Dispute</label> 
     </div> 
     <div class="col-att box1 col-md-6 col-lg-3"> 
      <div class="pull-right"> 
       <btn class="btn btn-ar btn-sm" ng-model="radioModel" uib-btn-radio="'Ar'" uncheckable><i class="fa fa-check"></i></btn> 
       <btn class="btn btn-re btn-sm" ng-model="radioModel" uib-btn-radio="'Re'" uncheckable><i class="fa fa-check"></i></btn> 
       <btn class="btn btn-au btn-sm" ng-model="radioModel" uib-btn-radio="'Au'" uib-uncheckable="uncheckable"><i class="fa fa-check"></i></btn> 
      </div> 
     </div> 
     <div class="col-att box2 col-r col-md-6 col-lg-3"> 
      <label class="p-t-7">Salvage Damage Dispute</label> 
     </div> 
     <div class="col-att box2 col-md-6 col-lg-3"> 
      <div class="pull-right"> 
       <btn class="btn btn-ar btn-sm" ng-model="radioModel" uib-btn-radio="'Ar'" uncheckable><i class="fa fa-check"></i></btn> 
       <btn class="btn btn-re btn-sm" ng-model="radioModel" uib-btn-radio="'Re'" uncheckable><i class="fa fa-check"></i></btn> 
       <btn class="btn btn-au btn-sm" ng-model="radioModel" uib-btn-radio="'Au'" uib-uncheckable="uncheckable"><i class="fa fa-check"></i></btn> 
      </div> 
     </div> 
    </div>    
</div>

來源

2016-01-25 LaLa Galindo

$(".HoverOver").hover(
    function() { 
    $(".highlighted").addClass("hover"); 
    }, function() { 
    $(".notHighlighted").removeClass("hover"); 
    } 
);

您可以使用jQuery懸停得到你正在尋找:)

https://api.jquery.com/hover/

來源

2016-01-25 16:08:11

有一個CSS方法嗎？ –

。你的等級結果：懸停{
//你放在這裏的任何東西都會在懸停時發生

}

希望這是你的意思：〜）

來源

2016-01-25 17:36:47

如何突出兩個divs，當徘徊一個和排除所有其他divs？

回答

相關問題