在CSS中,当您将鼠标悬停在元素上时,可以使用:hover伪类为其指定视图:
.element_class_name:hover {
/* stuff here */
}
你如何使用jquery添加或"打开"这个伪类？通常在jQuery中,如果你想添加一个类,你会做:
$(this).addClass("class_name");
我试过"悬停",但这实际上在元素中添加了一个名为"hover"的类.
如果有人知道该写什么,请告诉我!谢谢!
我试图隐藏.row在块内有类的前3个元素.container.
我正在做的是隐藏所有的.row第一个,然后我试图.row通过使用显示前三个.row:nth-child(-n+3)
jsfiddle:http: //jsfiddle.net/z8fMr/1/
我有两个问题:
.row然后隐藏所有其他的.row？谢谢.
我正在研究一些CSS,其中设计要求页面标题(标题)以水平线为中心,水平线在两侧垂直居中.此外,页面上有背景图像,因此标题的背景需要是透明的.
我已经集中了标题,我可以使用伪类来创建该行.但是当我越过标题的文本时,我需要该行消失.
我考虑过使用一个透明的背景渐变,但由于每个标题的长度不同,我不知道在哪里放置停止.
这是迄今为止的CSS:
h1 {
text-align: center;
position: relative;
font-size: 30px;
z-index: 1;
}
h1:after {
content: '';
background-color: red;
height: 1px;
display: block;
position: absolute;
top: 18px;
left: 0;
width: 100%;
}
这是我所在的地方:http: //jsfiddle.net/XWVxk/1/
这可以用CSS完成而不添加任何额外的HTML吗？
我在应用占位符css时遇到了一些问题.
我试图color:#898F9C;使用伪类选择器在输入框占位符上应用css(ie ) :-ms-input-placeholder,但它在IE中不起作用.
经过一番打击和尝试后,我得到了解决问题的方法,但这太棒了.
如果我删除了输入框上的默认css /样式颜色,占位符css在IE中正常工作(这是Internet Explorer的惊人行为).
我的默认css/style:
#search
{
color:blue;
}
我的问题是,为什么它不能在IE中使用默认CSS？
internet-explorer placeholder pseudo-class internet-explorer-11
我有一个这样的设置:
<div id="button">Button</div>
这适用于CSS:
#button {
color: #fff;
display: block;
height: 25px;
margin: 0 10px;
padding: 10px;
text-indent: 20px;
width: 12%;
}
#button:before {
background-color: blue;
content: "";
display: block;
height: 25px;
width: 25px;
}
有没有办法给伪元素一个悬停效果,例如#button:before:hover {...},是否也可以让伪元素悬停以响应另一个被悬停的元素,如下所示:#button:hover #button:before {...}？CSS只会很好,但jQuery也很好.
我正在玩:beforecss中的伪类,尝试插入一个特殊字符,但结果不是我所希望的.
使用:
.read_more:before {
content: "»";
margin-right: 6px;
}
我得到我想要的性格,但有一个Â前和使用字符:
.read_more:before {
content: "»";
margin-right: 6px;
}
我»在html页面上得到了完整版.
我可以想到几种方法来解决我的问题,但我想知道如果我想使用:before伪类,正确的语法是什么.
顺便说一下,我的文档类型是:
<!doctype html>
<html lang="en">
a {...}和之间有什么区别a:link{...}？
它们之间有不同的用法和好处吗？
我正在努力a:hover克服一种我不能覆盖的不情愿的CSS风格.
我试图检查Firebug中的元素,但我不明白为什么它不起作用.我甚至没有看到如何a:hover在Firebug中正确检查css事件.
我看过:
Firebug中的悬停检查http://blog.borngeek.com/2010/04/16/hover-inspection-in-firebug/
但我还没弄清楚如何重现那里提到的步骤.
另外:Pseudo-Phantoms http://meyerweb.com/eric/thoughts/2009/11/03/pseudo-phantoms/
如何:hover使用Firebug 检查/调试CSS伪类？
我试图改变某种东西的风格,而不是它的父div正在溢出.
.pDiv { display: block; width: 300px; height: 100px; border: 1px solid rgb(0,0,0); }
.cDiv { display: block; padding 4px; border-bottom: 1px solid rgb(0,0,0);
.pDiv:overflow .cDiv { border-bottom: none; }
<div class="pDiv"><div class="cDiv">child 1</div><div class="cDiv">child 2</div><div class="cDiv">child 3</div><div class="cDiv">child 4</div><div class="cDiv">child 5</div></div>
有可能做这样的事吗？我会使用last-child伪选择器,但子项的数量可能会有所不同,所以我希望它仅在父div被溢出时才删除last-child的border-bottom.我也想要一个纯CSS解决方案,没有JS!
说我有一个input type="file"领域.可以input在此处删除文件(如在Firefox中),而不是单击"浏览"并选择文件.
现在,我想通过更改字段的背景颜色来定制它,当一个文件将要删除时input.我不能真正使用,:hover因为即使你没有拖放也匹配.有没有CSS(伪类)呢？
如果不接受丢弃的文件,是否有一种CSS方式来设置不同的样式？比方说,如果该字段仅接受使用accept属性的PNG文件,如果您要将PNG文件放在其上,我会将该字段设为绿色,如果是另一种类型的文件则为红色.
今天有没有CSS方法可以做到这些？有没有一种计划的方法在CSS中这样做(比如即将出现的规格/当前规格,但没有在任何地方实现)？
pseudo-class ×10
css ×9
html ×4
css3 ×3
jquery ×2
anchor ×1
encoding ×1
firebug ×1
hover ×1
placeholder ×1