Tag: 伪类

我应该使用CSS：禁用伪类还是属性select器还是一个意见问题？: 我正在尝试设置禁用的input样式。我可以用： .myInput[disabled] { } 要么 .myInput:disabled { } 属性select器是现代CSS3方式还是前进方向？我曾经使用伪类，但我不能find任何信息，是否他们是旧的方式，将不被支持，或者他们是否平等，你可以使用任何你最喜欢的。我不需要支持旧的浏览器（这是一个Intranet应用程序），所以它是：属性更新更好伪类仍然是要走的路无论你最喜欢哪一个有一个技术上的理由使用一个在另一个

如何select给定类名的第一，第二或第三个元素？: 我如何select元素列表中的某个元素？我有以下几点： <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> </div> <footer>The end</footer> 我有CSS类div.myclass […]

css3限于类的types: 有什么办法来限制css3的nth-of-type到一个类？我有不同类别的dynamic数量的section元素指定他们的布局需求。我想要抓住每一个第三个.module ，但是看起来nth-of-type查找类的元素types，然后计算types。相反，我想只限于.module s。谢谢！ JSFiddle来演示： http : //jsfiddle.net/danielredwood/e2BAq/1/ HTML： <section class="featured video"> <h1>VIDEO</h1> </section> <section class="featured module"> <h1>NOT A VIDEO</h1> </section> <section class="featured module"> <h1>NOT A VIDEO</h1> </section> <section class="featured module"> <h1>NOT A VIDEO (3)</h1> </section> <section class="featured module"> <h1>NOT A VIDEO</h1> </section> <section class="featured module"> <h1>NOT A VIDEO</h1> </section> <section class="featured […]

从CSS的段落的第二行开始缩进: 我怎样才能从一个段落的第二行开始缩进？我试过了 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; }

CSS3：未经检查的伪类: 我知道有一个官方的CSS3 :checked伪类，但是有一个:unchecked伪类，他们有相同的浏览器支持？ Sitepoint的参考没有提到一个，但是这个whatwg规范（不pipe是什么）。我知道当:checked和:not()伪类相结合时，可以达到相同的结果，但我仍然好奇： input[type="checkbox"]:not(:checked) { /* styles */ } 编辑： W3C推荐相同的技术未选中的checkbox可以使用否定伪类来select： :not(:checked)

Css伪类input：不（禁用）不是：：焦点: 我想申请一些CSS的投入要素，我想这样做只是为input未被禁用，不提交types，下面的CSS不工作，也许如果有人可以解释我如何这必须被添加。 input:not(disabled)not:[type="submit"]:focus{ box-shadow:0 0 2px 0 #0066FF; -webkit-box-shadow:0 0 4px 0 #66A3FF; }

是否有可能强迫忽略：iPhone / iPad用户的hover伪类？: 我在我的网站上有一些CSS菜单扩展:hover （不含js）这在iDevices上以半破解的方式工作，例如，轻击将激活:hover规则并展开菜单，但是在其他地方轻击不会删除:hover 。另外，如果在元素内部存在链接:hover ，则必须点击两次以激活链接（第一次点击触发:hover ，第二次点击触发链接）。我已经能够通过绑定touchstart事件在iPhone上很好地工作。问题是，有时移动Safari仍然会select从CSS触发:hover规则，而不是我的touchstart事件！我知道这是问题，因为当我禁用CSS中的所有手动:hover规则时，移动Safari浏览器效果很好（但是常规浏览器显然不再）。有没有办法dynamic“取消” :hover当用户在移动Safari浏览器的某些元素的:hover规则？在这里查看和比较iOS行为： http : //jsfiddle.net/74s35/3/注意：只有一些css属性触发双击行为，例如display：none; 但不是背景：红色; 或文字修饰：下划线;

从JavaScript设置CSS伪类规则: 我正在寻找一种方法来改变从JavaScript的伪类select器（如：链接，：hover等）的CSS规则。所以CSS中的一个类似代码： a:hover { color: red }在JS中。我在其他地方找不到答案。如果有人知道这是浏览器不支持的东西，那也是一个有用的结果。

你如何将伪类添加到使用jQuery的元素？: 在CSS中，将鼠标hover在元素上时，可以使用：hover伪类为其指定视图： .element_class_name:hover { /* stuff here */ } 你怎么能使用jQuery添加或“打开”这个伪类？通常在jQuery中，如果你想添加一个类，你应该这样做： $(this).addClass("class_name"); 我试过“hover”，但是这个字面上增加了一个名为“hover”的类到元素。如果有人知道要写什么，请让我知道！谢谢！