(CSS):我可以通过触发一个事件或两个事件包含的类名来同时触发两个CSS事件吗?
( css ): can i trigger two of css events simultaneously by just triggering one event or the class name that two of events are included?
这是一张描述图片。
我想要两个区域背景得到黄色背景。但它只工作时,鼠标在"这是实际区域",它不工作在"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">
(...)
两个元素中的每一个都有相同的类名'together',我认为这应该是好的:1)CSS捕获其中一个元素,然后2)它同时对两个元素应用效果
在实际端,css捕获<div id="Actual" class="together">
然后同时应用效果
在<tr id="section_tr_intbody" class="together">
侧,css捕获<tr id="section_tr_intbody" class="together">
,但其应用效果不包括实际侧。
谢谢
我不认为这可以只通过CSS完成,因为你不能遍历DOM与CSS。
你可以用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>
相关文章:
- 如何对CSS transitionEnd事件后执行的JavaScript进行单元测试
- 单击css动画后丢失的事件
- 在事件目标上,将css波浪号从element1添加到element2
- 事件侦听器 / CSS 伪类出现时滚动条
- CSS 溢出边界半径鼠标事件
- 从 CSS 切换按钮触发 Jquery 事件
- CSS + jQ插件阻止AJAX调用/事件侦听器工作
- 如何在 iPhone 上打开启用了 CSS 事件的 HTML 文件
- 如何使用javascript、jquery、html和css制作基本的事件日历
- CSS Javascript在1 onClick上处理2事件
- 使用AngularJS 1.2和angular animate在CSS Transition上完成事件
- jQuery在animate on click事件后增加css属性的值
- javascript jquery css事件侦听器
- 无法让悬停事件使用 jQuery UI 持续时间参数或 CSS 处理目标元素的同级元素
- 纯JavaScript中的Onclick滑块 - 事件不会改变CSS值
- 如何在 iOS 设备上使用 JavaScript(或 CSS)添加点击事件
- 更改我正在侦听的事件Javascript的对象的CSS
- JS单击事件不适用于暂停CSS动画
- 仅对 CSS 类下的一个按钮执行单击事件
- Javascript 更改为元素的指针事件 CSS 属性