有没有人建议在<li>包含悬停弹出伪类的标签中创建段落类型的行空间？
我<span>弹出一个弹出a:hover的文件,我希望弹出的文本分为两段.它适用<br>于FF,但我想做正确的事(现在我发现它是错的!)......
HTML:
<div id="rightlist">
<ul>
<li><a href="">List item
<span>
words words words that are "paragraph" 1 of List item
<br><br>
different words that make up "paragraph" 2 of List item
</span></a></li>
CSS:
#rightlist {
margin-top: 10px; margin-right: 5px; width: 387px ; height: 239px ;
background-color: #7EBB11 ;
display: table-cell;
z-index: 100 ;
float: right ;
}
#rightlist ul {
text-align: left;
margin: 0;
margin-top: 6px;
font-family: sans-serif;
font-size: 20px ;
color: …我在这里看CSS:主动选择器.
:活动选择器样式链接到活动页面
这让我想到了,HTML/CSS术语中的"活动页面"到底是什么......
此时我去了w3docs部分:5.11.3动态伪类:: hover,:active和:focus.
:在用户激活元素时应用:active伪类.例如,在用户按下鼠标按钮并释放它的时间之间.
所以我使用了其中一个w3shool尝试它的页面并将一个例子组合在一起,用下面的代码代替,你可以剪切并粘贴并尝试.
<html>
<head>
<style type="text/css">
:focus,:active
{
outline-offset: 10px;
outline: solid;
}
</style>
</head>
<body>
<p>Click the links to see the background color become yellow:</p>
<a href="http://www.w3schools.com">w3schools.com</a>
<a href="http://www.wikipedia.org">wikipedia.org</a>
<button type="button">Click Me!</button>
<form>
<input type="text"/>
</form>
</body>
</html>
表单字段适用于:焦点.但是按钮或链接不适用于:活动.
这是为什么？是否有关于"活动页面"的内容我不理解w3schools所谈到的.
谷歌搜索时,我看到了这个很好的提示,但我不认为这是相关的.
我正在尝试迭代JavaScript伪类中的所有方法,并且可以使用(obj.member instanceof Function)轻松判断某个方法是否是某个方法,但是我正在尝试包含可能从for中隐藏的方法. .in循环通过defineProperty并将可枚举标志设置为false - 如何迭代伪类的所有成员,而不管可枚举的值是什么？
我希望能够告诉一个元素,它不再:active是CSS规则不再适用的.有没有办法在JavaScript中这样做？
是否可以只显示:after伪使用:hover？例如,使用替代元素.
#parent{}
#child{display:none;}
#parent:hover >#child{display:block;}
至于我用同样的方法:
#parent{}
#parent:after{content:'hi';display:none;}
#parent:hover #parent:after{display:block;}
有可能吗？还是我自欺欺人？
我刚刚注意到浏览器处理css的方式不一致:右键单击元素时的活动状态(contextmenu click)
这是一个快速的混蛋来复制这个http://jsfiddle.net/annam/tqBqV/
div { background: red; }
div:active { background: green; }
谁知道哪个是正确的行为？我猜有没有办法标准化？
我从我的php脚本发送一些邮件.
它有如下结构:
<style type="text/css">
.elements{
/*its CSS*/
}
.elements:hover{
/* Hoverd CSS changes background and color*/
}
</style>
<center>
Actual Mail Body <a class="elements" href="URL">Element</a>
<center>
这适用于所有邮件客户端,除了gmail.因此,快速SO搜索引导我:HTML格式的电子邮件在Gmail中根本不显示,但在其他邮件客户端中
我开始知道gmail不支持<style>而是支持inline-style.
所以我尝试了这个:
<center>
Actual Mail Body <a class="elements" href="URL" style="it's style here">Element</a>
<center>
但是现在我的问题是:hover伪类无法转换为inline-style,所以我试图模仿它JavaScript:
<center>
Actual Mail Body <a class="elements" href="URL"
OnMouseOver="this.style.background='#ddeeff';this.style['color']='#555555';"
onmouseout="back-to-original-css">Element</a>
<center>
但这对我没有帮助.
那么有没有办法让:hover伪类在gmail邮件客户端工作？
此外,我认为这是不可能的(看看g+'s你的 …
我正在研究一些 CSS，从阅读中可以看到一些没有特异性的伪类，例如where()和not()。还有更多吗？
pseudo-class ×10
css ×7
javascript ×3
hover ×2
css-content ×1
css3 ×1
email ×1
gmail ×1
iteration ×1
line-breaks ×1
list ×1
members ×1
methods ×1
popup ×1