标签: pseudo-class

怎么写:hover和:visited条件a:before？

我正在尝试,a:before:hover但它不起作用

:focus和:active伪类有什么区别？

我想为输入元素应用一些css,我想只对未被禁用且不是提交类型的输入执行此操作,下面的css不起作用,也许如果有人可以解释我必须如何添加它.

input:not(disabled)not:[type="submit"]:focus{
box-shadow:0 0 2px 0 #0066FF;
-webkit-box-shadow:0 0 4px 0 #66A3FF;
}

是否可以使用内联样式的伪类？

例:

<a href="http://www.google.com" style="hover:text-decoration:none;">Google</a>

我知道上面的HTML不起作用但有类似的东西吗？

PS我知道我应该使用外部样式表,我这样做.如果可以使用内联样式完成,我只是很好奇.

CSS 2.1 :after和CSS 3 ::after伪选择器之间是否存在任何功能差异(::after旧浏览器不支持)？是否有任何实际理由使用新规范？

我正在寻找一种方法来改变JavaScript类的伪类选择器(例如:link,:hover等)的CSS规则.

所以CSS代码的类比:a:hover { color: red }在JS中.

我无法在其他任何地方找到答案; 如果有人知道这是浏览器不支持的东西,那么这也是一个有用的结果.

在iPhone/iPad/iPod上的Webkit中,<a>当您点击元素时,不会触发为标记指定样式:活动伪类.我该如何触发？示例代码:

<style> 
a:active { 
    background-color: red;
}
</style>
<!-- snip -->
<a href="#">Click me</a>

我的网站上有一些css菜单,用:hover(没有js)扩展

这在iDevices上以半破碎的方式工作,例如点击将激活:hover规则并展开菜单,但是在其他地方点击不会删除:hover.此外,如果元素内部有一个链接,则:hover必须点击两次以激活链接(第一次点击触发:hover,第二次点击触发链接).

通过绑定touchstart事件,我已经能够在iphone上很好地工作了.

问题是,有时移动safari仍然选择:hover从css 而不是我的touchstart事件触发规则!

我知道这是问题,因为当我:hover在css中手动禁用所有规则时,移动safari工作得很好(但是常规浏览器显然不再存在).

有没有办法:hover在用户进行移动旅行时动态"取消" 某些元素的规则？

在这里查看和比较iOS行为:http://jsfiddle.net/74s35/3/ 注意:只有一些css属性会触发双击行为,例如display:none; 但不是背景:红色; 或文字装饰:下划线;

我知道有一个官方的CSS3 :checked伪类,但是有一个:unchecked伪类,他们有相同的浏览器支持吗？

Sitepoint的参考文献没有提到一个,不过这是什么规范(无论是什么).

我知道当组合:checked和:not()伪类时可以实现相同的结果,但我仍然很好奇:

input[type="checkbox"]:not(:checked) {
    /* styles */
}

编辑:

w3c推荐相同的技术

可以使用negation伪类选择未选中的复选框:

:not(:checked)

Run Code Online (Sandbox Code Playgroud)

如何从段落的第二行开始缩进？

我试过了

p {
    text-indent: 200px;
}
p:first-line {
    text-indent: 0;
}

和

p {
    margin-left: 200px;
}
p:first-line {
    margin-left: 0;
}

和

(with position:relative;)
p {
    left: 200px;
}
p:first-line {
    left: 0;
}