2016-09-18 89 views
0

This is an image of description.(css):我可以通过触发一个事件或两个事件包含的类名同时触发两个css事件吗?

我想两个区域背景获得黄色背景。但它仅适用在鼠标上的“这是实际区域”,并

什么是问题,它不会对“section_tr_inbody区”

在section_tr_inbody区,黄色的背景上只有部分工作......我的工作码?

(CSS)

#Actual { 
      padding: 20px; 
      font-weight: bold; 

     } 


.together:hover { 
    background-color: yellow; 
    } 

(HTML)

(...) 
    <tr id="section_tr_intbody" class="together"> 
    (...) 




(...) 
<div class="Slider slideup"> 
     <div id="Actual" class="together"> 
(...) 

每两个元件具有相同的类名 '合' 我认为要细,这些的1)的CSS捕捉一个元素然后,2)它同时对它们应用效果

在实际的一面,css catch <div id="Actual" class="together">然后应用效果。

在另一方面

<tr id="section_tr_intbody" class="together">侧,CSS抓<tr id="section_tr_intbody" class="together">但其应用效果不包括实际的一面。

谢谢

+0

尝试应用类的TDS,而不是TR。 – SchattenJager

+0

嗨,我想通过触发它们中的一个,使它们中的两个一起工作(同时),并且它在实际方面工作良好,但它不能在另一方工作(tr id =“section_tr_int body”class =“together” )。他们有相同的班名,应该是同等的 –

回答

0

我不认为这可以用CSS来完成,因为你不能用CSS遍历DOM。

可以做到这一点很容易与jQuery,但:

$('.together').hover(function() { 
 
     $('.together').addClass('yellow'); 
 
    }, 
 
    function(){ 
 
     $('.together').removeClass('yellow'); 
 
    });
#Actual, #fake, #random { 
 
      padding: 10px; 
 
      font-weight: bold; 
 
     } 
 
td { padding: 10px; } 
 
.yellow { 
 
    background-color: yellow; 
 
    }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr id="section_tr_intbody" class="together"> 
 
     <td>Table cell stuff</td> 
 
     </tr> 
 
    <tr id="section_tr_intbodyagain" class="nottogether"> 
 
     <td>More table cell stuff</td> 
 
     </tr> 
 
    <tr id="section_tr_intbodystill" class="together"> 
 
     <td>Even more table cell stuff</td> 
 
     </tr> 
 
    </table> 
 

 

 
<div class="Slider slideup"> 
 
     <div id="Actual" class="together"> 
 
     Div stuff 
 
     </div> 
 
     <div id="fake" class="nottogether"> 
 
     more Div Stuff 
 
     </div> 
 
     <div id="random" class="together"> 
 
     Even more Div Stuff 
 
     </div> 
 
</div>

+0

嗯。谢谢。你的回复对我很有帮助。 –