标签: pseudo-class
jQuery - 修改元素的悬停css
我正在创建一个自定义网站页面,动态更改当前页面,以便您可以看到正在更改的内容的预览.一切都运行得很好,除了我使用的代码显然无法处理伪类,如:hover和:visited.
代码很简单,我基本上做了以下几点:
$("#links td.active a:hover").css("color", "#ff0000");
但是,这实际上并没有将<a>标记的悬停颜色设置为#ff0000.如果我脱掉它,它的工作正常:hover.有人建议如何使这个工作？
非常感谢!
编辑1:显然,我可能完全错了.更多信息显示我可以使用document.styleSheets.inlinestyle.rules它来修改它,虽然这显然只适用于IE.任何更多的想法将不胜感激.
推荐指数
解决办法
查看次数
:hover pseudoclass不适用于通用选择器*
如果我写
h1:hover, li:hover {color:green;}
h1和li元素都可以获得悬停效果.
如果我写的话:
*:hover {color: green;}
这仅对锚元素有效.
是:hover pseudoclass不适用于通用选择器吗？
推荐指数
解决办法
查看次数
为什么最后一个孩子不工作？
如你所知,我遇到了一个让你解决的问题.
我扯掉了所有的头发,想弄清楚为什么哎last-child不起作用.
我试图删除border-right有last-child,但由于某种原因,没有工作了.
这是链接
推荐指数
解决办法
查看次数
在css3中创建一个箭头
我知道如何使用psedo类在div之外创建箭头,但我需要在div中创建一个箭头,如下所示
我怎么能得到这个？
推荐指数
解决办法
查看次数
nth-child(单数)不工作
我试图blockquote使用CSS伪类在页面的任一侧(奇数和偶数)上交替引用nth-child.由于某种原因(odd)不起作用.有任何想法吗？
HTML.并不像看起来那么复杂.只是一大堆文本和一些块引用.
<div class="post_content">
<p>Maxis has long been a household name for producing and bringing to market simulation games which appeal to the mass-market, including The Sims and SimCity. With its latest instalment of SimCity, Maxis has once again created a popular game, selling over 1.1 million copies in its first two weeks. However, Maxis hasn’t always been so successful, with a variety of unsuccessful titles to its name.</p>
<p><span …推荐指数
解决办法
查看次数
如何使用Javascript从CSS选择器字符串中删除所有伪选择器？
对于我正在做的脚本,我需要验证DOM中存在的CSS选择器.我想知道如何:pseudo使用通用规则处理多个选择器.
这样的事情很简单:
var selector = "div.foo div.bar:active"
这可以通过
selector.split(":").shift(); // > div.foo div.bar
但是当我有多个选择器时,我不知道如何删除它们.像这样的东西:
var selector = "div.foo:hover div.bar:after"
问题:
如何":something"从字符串中删除所有CSS伪选择器()？
推荐指数
解决办法
查看次数
如何使用活动和之前的CSS？
我会使用伪类创建一个CSS效果::before :active.我创建了一个效果,如果你单击p之前的元素,p之前的内容会发生变化.我认为这不起作用,因为在p之前无法选择.
这是我的代码,但不起作用:
.container {
background-color: #222;
border-radius: 5px;
width: 200px;
display: block;
margin: 0 auto;
}
.container > p {
color: #fff;
padding: 10px;
text-align: center;
}
.container > p::before {
content: 'ON';
}
p:active + p:before {
content: 'OFF';
}<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div class="container"><p></p></div>
</body>
</html>推荐指数
解决办法
查看次数
Firefox 中 :has 的解决方法（不使用 JavaScript）
我正在为我的一个朋友开发一个小网站，并且正在使用:has伪类。但是，我知道 Firefox 不支持（除非有人打开了该标志），那么有解决方法吗？
本质上，我正在编写一个汉堡菜单，但供没有 JavaScript 的人使用（80% 的目标受众禁用 JavaScript - 长话短说），而且我不想使用 span。观看了 Web Dev Simplified 的视频后，我看到了 的使用，input["checkbox"]但是，没有:has可用的伪类，我有点卡住了。
我尝试只使用类似input:checked::before调整顶部栏和input:checked::after底部栏（点击时旋转）之类的东西，但这惨败了！
推荐指数
解决办法
查看次数
&:first-of-type li 在 SCSS 中不起作用
我试图让类li中的第一个元素具有红色背景，但它不起作用。我确信我错过了一些简单的事情，但是什么呢？ulbreadcrumbs
.breadcrumbs {
margin-left:-30px;
p {
display:inline;
}
li {
display:inline;
&::before {
content:'>> ';
}
}
&:first-of-type li {
background:$red;
}
}
推荐指数
解决办法
查看次数
:not()不会忽略带链接的列表项中的类
我试图用来:not()忽略.current第一个列表项中的类.
HTML:
<ul>
<li class="current"><a href="#">Home</a></li>
<li><a href="#">Page 2</a</li>
<li><a href="#">Page 3</a></li>
</ul>
CSS:
ul li a:not(.current){color:red}
我无法:not()忽视这.current门课.
我也尝试过:
ul li a:not(.current a){color:red}
推荐指数
解决办法
查看次数
如何将href定位到多个div？
我使用了如何将href定位到div 以将href定位到div所示的方法.有效.但我需要增加另一个级别.
HTML
<ul >
<li class="active"><a href="#m1">home</a></li>
<li><a href="#m2">settings</a></li>
</ul>
<div class="target">
<div id="m1">
<ul >
<li class="active"><a href="#subm1-1" title="Home1">Item1</a></li>
<li><a href="#subm1-2">Item 2</a></li>
</ul>
</div>
<div id="m2">
<ul>
<li class="active"><a href="#subm2-1" title="Home1">Item1</a></li>
<li><a href="#subm2-2">Item 2</a></li>
</ul>
</div>
</div>
<div class="target123">
<div id="subm1-1">
content1
</div>
<div id="subm1-2">
content2
</div>
<div id="subm2-1">
content3
</div>
<div id="subm2-2">
content4
</div>
</div>
CSS
.target > div {
display:none;
}
.target > div:target{
display:block;
}
.target123 > div {
display:none;
}
.target123 > div:target{ …推荐指数
解决办法
查看次数