问题标签 [css-selectors]

这个问题背后的罪魁祸首当然是IE6，（几乎）每个人都同意一个网站应该支持IE6，因为它被超过15%的访问者使用（对于雅虎来说，它仍然是一个A级浏览器）。

IE6 不支持 CSS 2.1，那么我们可以在样式表中使用 CSS 2.1 选择器吗？让我举个例子吧：

我的 CSS 可能如下所示：

但是 IE6 不会理解这一点，所以无论如何要与浏览器兼容，我应该这样写：

可能我必须给第一段一些类名并在我的css中定义它。我可以制作一个特定于定义这些规则的IE6 样式表，但这似乎是双重的（并且在第一段需要类名的情况下仍然无济于事）......

我一直在努力做到这一点......基本上我有以下 HTML 设置：

“span.label01”是一个内联元素，出现在文本框“input.tboxes”的左侧。当文本框获得焦点时，我正在尝试将一些样式附加到“span.label01”和“div.box10”。

我尝试了以下 CSS 代码：

但什么也没发生。我知道这是一个 CSS 选择器问题，但我似乎无法正确处理。我什至尝试过相邻的兄弟选择器，但什么也没有。有人能帮我一下吗？蒂亚！

如果您想为一组后代分配相同的样式，为什么没有一种简单的方法可以使用 CSS 来做到这一点？

假设您有一个 HTML 表格，如下所示：

为什么必须使用以下选择器设置所有列标题和单元格的样式？

为什么没有类似于以下的语法？

我尝试了以下方法：

使用以下html：

我将如何设计此类文本的样式？

解决方案：

在文本周围添加标签标签，并使用
:selected + *进行选择

它适用于歌剧和ff3，所以我很好。

我需要设计一个同时具有 class.a和 class的元素.b。我该怎么做？

类出现在 HTML 中的顺序可能会有所不同。

使用 at-rules，可以在 at-rule 事件期间为元素设置一个规则集（例如打印、移动设备等）。但是对于特定的选择器呢？

我正在处理一个较大站点的子页面，并且我必须对我的任何页面使用主样式表。有时，样式规则会被主样式表中的规则打败。为了克服这个问题，我最终不得不在所有规则之前添加“#mypage #content blah blah”，以确保我的 css 更具体。它很快就会变得混乱。我更喜欢做的是：

这样我制定的任何规则都包含在我正在处理的页面部分的 id 中。

哦，我忘了提，我不能（据我所知）使用@namespace，因为我的页面在模板框架内（因此需要主样式表），所以如果我只是说@namespace（我的- page-url) 我的样式表会覆盖主样式表。

我错过了一些简单的东西吗？

澄清：

对不起，我想我试图保持简单，我太含糊了......

我正在开发一个页面的内容，该页面将放置在一个更通用的模板（标头、侧边栏导航等）中，该模板具有全局样式表，我无法控制任何内容。

我对我的部分的样式表有一些自由。我不希望我的任何规则意外覆盖全局样式表，并且我希望避免为我的规则使用非常长的选择器以避免全局样式表覆盖我的样式表。例如，如果我想说

“所有表格都有黑色边框”

我冒着在侧边栏中的某个桌子周围放置黑色边框的风险。但是，如果我说

“div #content 中的所有表格都有黑色边框”

这只有在他们没有更具体的规则时才有效。

现在，我可以遍历每条规则并添加一长串选择器，以确保我的每条规则都适用并且仅适用于我的部分，但这并不是真正有吸引力或有趣的做法。我希望我可以将所有规则嵌套在一个更大的规则中，就像我上面的例子一样，这样我就可以有一个主要规则：

这样我只需声明一次我的特异性，它涵盖了该主要规则中的每条规则。

我有一堆清单

风格与

这一定是个老生常谈的问题。我想我可以弄乱 html 并放入<li>包含该字符的中介，或者如果 IE 是加载浏览器，我可以挂上一个 javascript 将它们放在那里，但这不会抓住没有 javascript 的人。伊诺。我倾向于使 html 混乱，但我想听听是否对此有一些意见。

我一遍又一遍地阅读了文档，但我不明白为什么这不起作用：

从函数内部，调用以下内容：

返回如下所示的内容：

我想得到“一些特别的东西”。在我看来，以下任何一项都应该有效，但它们都返回 null。

这有什么问题？

谢谢

假设如果我的 HTML 页面中有多个表（没有它们的 'id' 属性），那么如何使用 jQuery 选择器选择第一个表的第一行或任何特定表？

Here's my goal: do something on an element, an <optgrooup>, if all of its children are invisible.

My code below outlines the in red if it has any invisible children. But I want to do so only if all the children are invisible. If the element has any children that are visible, then don't highlight it.

How can I tweak the jQuery selector to do that?

Thanks in advance.

Screenshot of image here: http://img144.imageshack.us/img144/556/selectexample.gif