查询 :before and Css

标签 jquery css colors addclass toggleclass

<分区>

我有一个分区。 在我的 CSS 中,我向这个 div 添加了“:before”,以便在其上创建另一个色 block 。

在 jquery 中,我想更改鼠标悬停时的颜色,但仅限于“div:before” block ,但它不起作用。

我该如何解决我的问题?

谢谢

MY JS FIDDLE PROBLEM

我的 CSS :

div {
    background:cyan;
    width:200px;
    height:300px;
}

div.color:before {
    content:'Color me !';
    background:orange;
    width:100px;
    height:100px;
    display:inline-block;
    position:absolute;
}

我的 jQuery :

$('div').addClass('color');

$("div").toggleClass("color").mouseover(function() {  
    $(this).stop().css({  'background':'#FF0000' }); 
    });

$("div").toggleClass("color").mouseout(function() {  
    $(this).stop().css({  'background':'#FFFF00' }); 
    });

最佳答案

没有办法改变:“之前”的属性,但是你可以通过他的元素的classes modoicando类得到你想要的,如下所示

Retrieve and modify :before element with jQuery

关于查询 :before and Css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21832102/

相关文章:

javascript - 在窗口调整大小时获取 div 的高度

jquery - 平滑修改 css 剪辑路径

java - 如何从 ssh 输出中删除颜色等

python - 保持不同绘图的颜色缩放相同 - Python

java - 在颜色数组中转换随机颜色

javascript - 如何根据 SelectList 中选定的值更改 CodeMirror 编辑器的模式

javascript - 单击查看下拉菜单

javascript - 鼠标滚轮在容器内滚动 - 捕捉事件

html - 如何创建 2 html 按钮来更改图像

html - 使用 Bootstrap 类时无法解决问题