问题标签 [css-selectors]

我正在为我的网站创建一个登录页面，当文本框获得焦点时，我想将输入框之前的标签加粗。现在我有以下标记：

我可以使用相邻选择器来选择文本框之后的标签，但是我不能选择它之前的元素。我可以使用这个 CSS 选择器规则，但它只选择之后的标签，所以当用户名文本框获得焦点时，密码标签变为粗体。

我能做些什么来完成这项工作吗？我知道可以使用 JavaScript 轻松地做到这一点，但如果可能的话，我想使用纯基于 CSS 的解决方案，我只是想不出办法。

为什么下面的文字使文字变红？

只有当我将#stories 放在其他人身上时，文本才会改变。# 即使它在 css 中更进一步，它是否具有更多的支配地位？！

如何选择具有当前焦点的元素？

jQuery中没有:focus过滤器，这就是为什么我们可以使用这样的东西：

是否有任何优雅的方式将某种样式应用于<input type="text">IE6 下的所有元素？我可以用一些 JavaScript 来做到这一点，但我想知道是否有更优雅的方式来做到这一点。

注意 - 我不能手动将某个类应用于所有文本框。而且我想避免使用 CSS 表达式。

有人能解释一下为什么在这个例子中第一条规则不是第二条吗？根据我的CSS特异性知识，第二种更具体，应该使用。但是所有浏览器都先使用。

例子：

http://apblog.lv/misc/css_spec/example2.html

CSS：

HTML：

例如，我将如何使用 jQuery CSS 选择器来查找：

css 类名：“Text”，它是 dom 对象“包装器”内部的一个 div？

除了 using 之外，还有其他方法可以获取 div 元素的最后一个子元素div:last-child，这至少在 IE8 中不起作用？

可能重复：
活动孩子的父母的复杂 CSS 选择器

我将如何制作一个将样式应用于具有输入子元素的表格单元格的 CSS 选择器？

我发现定义'标记' css 样式很有用，例如我可以轻松地将某些内容标记为隐藏'hidden'或'selected'选定 - 特别是在使用基于标签的技术（如 ASP.NET MVC 或 PHP）时。

我并不特别想在这里重新发明轮子，并想知道其他类似的东西是有用的还是常见的——或者是否有任何需要注意的陷阱。

我应该为其他类似的事情查看任何特定的 css 框架吗？另外，我可以搜索这种类型的 css 类的名称。

在 CSS 中，当在 div 上设置样式（例如）时，包含 'div' 是否有任何好处，而不是让它更精确地进行匹配。浏览器渲染速度可能更快吗？

即是：

好于

除了将其缩小到只有div之外，还有什么其他原因吗？

（我问的原因是我最近偶然发现了一个包含 'div's 但大多数人不会打扰的著名网站）

更新：

感谢所有的答案。结论是速度是一个因素，但并不明显，因此值得忽略。最佳实践的共识是包含标签更简洁 - 一般规则应该是保持 CSS 尽可能“紧”以获得所需的样式。