Questions tagged «pseudo-class»

如何写:hover和:visited条件a:before？ 我正在尝试，a:before:hover但是没有用

346 css  css-selectors  pseudo-element  pseudo-class 

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

275 css  css-selectors  pseudo-class 

我想对输入元素应用一些CSS，而我只想对未禁用并且没有提交类型的输入进行处理，在CSS下面是行不通的，也许有人可以向我解释如何添加它。 input:not(disabled)not:[type="submit"]:focus{ box-shadow:0 0 2px 0 #0066FF; -webkit-box-shadow:0 0 4px 0 #66A3FF; }

138 css  css-selectors  pseudo-class 

CSS 2.1 :after和CSS 3 ::after伪选择器之间有什么功能上的区别（::after较旧的浏览器不支持）？使用新规范是否有实际原因？

132 css  css-selectors  pseudo-element  pseudo-class 

Наэтотвопросетьответына 堆栈溢出нарусском：Какпрописать：hoverвнутриstyle =''？ 是否有可能使用内联样式的伪类？ 例： <a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> 我知道上述HTML不能正常运行，但是有类似的东西吗？ 附言：我知道我应该使用外部样式表，但确实如此。我只是好奇是否可以使用内联样式来完成。

131 html  css  css-selectors  pseudo-class  inline-styles 

我正在寻找一种更改JavaScript中伪类选择器（例如：link，：hover等）的CSS规则的方法。 因此类似于CSS代码：a:hover { color: red }在JS中。 我在其他任何地方都找不到答案。如果有人知道这是浏览器不支持的功能，那也将是一个有益的结果。

125 javascript  css  pseudo-class  css-in-js 

在iPhone / iPad / iPod上的Webkit中，<a>点击元素时不会触发为标签的：active伪类指定样式。我该如何触发？示例代码： <style> a:active { background-color: red; } </style> <!-- snip --> <a href="#">Click me</a>

109 iphone  css  webkit  mobile-safari  pseudo-class 

我知道有一个官方的CSS3 :checked伪类，但是有一个:unchecked伪类，并且它们具有相同的浏览器支持吗？ Sitepoint的参考文献未提及任何内容，但是此whatwg规范（无论是哪种内容）都做了提及。 我知道将:checked和:not()伪类结合使用时可以达到相同的结果，但是我仍然很好奇： input[type="checkbox"]:not(:checked) { /* styles */ } 编辑： w3c推荐相同的技术 可以通过使用否定伪类来选择未选中的复选框： :not(:checked)

108 css  css-selectors  pseudo-class 

如何从段落的第二行开始缩进？ 我试过了 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; }

102 html  css  text  pseudo-class  indentation 

我的网站上有一些CSS菜单，可扩展为:hover（没有js） 这在iDevices上以半破坏的方式起作用，例如，点击将激活:hover规则并展开菜单，但是随后在其他地方点击不会删除:hover。同样，如果元素中有一个链接，则:hover必须点击两次以激活该链接（第一次点击触发:hover，第二次点击触发链接）。 通过绑定touchstart事件，我已经能够使事情在iphone上正常运行。 问题在于，有时移动浏览器仍会选择:hover从css 而非我的touchstart事件中触发规则！ 我知道这是问题所在，因为当我禁用所有 :hover在css中手动规则时，移动safari效果很好（但是常规浏览器显然不再可用了）。 有没有办法动态地“取消” :hover当用户使用移动Safari时，某些元素的规则？ 在此处查看和比较iOS行为：http : //jsfiddle.net/74s35/3/ 注意：只有某些CSS属性会触发双击行为，例如display：none;。但不是背景：红色；或文字装饰：下划线；

94 ipad  mobile-safari  iphone  pseudo-class 

之类的东西a:link或div::after... 有关差异的信息似乎很少。

93 css  css-selectors  pseudo-class  pseudo-element 

CSS中是否有伪类可以指定 :not(:hover) 还是这是指定未悬停的项目的唯一方法？ 我经历了几个CSS3参考，但没有看到提及CSS伪类来指定：hover的反义词。

87 css  css-selectors  pseudo-class 

有没有一种方法可以设置<option>元素中当前选定元素的样式<select>？ 然后可以为当前选择的选项元素提供背景颜色吗？这样，我可以设置关闭下拉菜单中当前可见的选项的样式。

86 html  css  css-selectors  pseudo-class 

如何在元素列表中选择某个元素？我有以下内容： <div class="myclass">my text1</div> <!-- some other code follows --> <div> <p>stuff</p> </div> <div> <p>more stuff</p> </div> <p> <span>Hello World</span> </p> <div class="myclass">my text2</div> <!-- some other code follows --> <div> <p>stuff</p> </div> <p> <span>Hello World</span> </p> <input type=""/> <div class="myclass">my text3</div> <!-- some other code follows --> <div> <p>stuff</p> …

76 css  css-selectors  pseudo-class 

在CSS中，可以placeholder使用供应商特定的伪类和伪元素的组合来为输入中的文本设置样式（以获得最佳的跨浏览器覆盖）。 这些都具有相同的基本属性（即：文本样式和颜色声明）。 但是，尽管我不可避免地希望使用相同的样式，而与浏览器供应商无关，但似乎无法将它们组合成一个逗号分隔的选择器（就像您想要两个选择器共享的其他CSS一样）相同的样式）。 例如，我倾向于使用以下四个选择器来定位占位符样式： input:-moz-placeholder input::-moz-placeholder input:-ms-input-placeholder input::-webkit-input-placeholder （尽管:-moz-placeholder 不赞成这样做，::-moz-placeholder但仅在FireFox 19发行时才发生，因此目前都需要两者都可以提供更好的浏览器支持）。 令人沮丧的是，声明和赋予每种（相同）样式会导致CSS内的大量重复。 因此，为确保占位符文本右对齐和斜体，我将得出以下结论： input:-moz-placeholder{ font-style: italic; text-align: right; } input::-moz-placeholder{ font-style: italic; text-align: right; } input:-ms-input-placeholder{ font-style: italic; text-align: right; } input::-webkit-input-placeholder{ font-style: italic; text-align: right; } 我真正想做的是将它们组合为一个逗号分隔的规则集，如下所示： input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder, input::-webkit-input-placeholder{ font-style: italic; text-align: right; } 但是，尽管在少数情况下尝试过此操作，但这似乎从未奏效。这让我担心，CSS的某些基本部分我不了解。 有人能阐明为什么会这样吗？

76 css  css-selectors  pseudo-element  pseudo-class