程序设计 css-selectors

30

如何选择<li>锚元素的直接父元素？例如，我的CSS将是这样的： li < a.active { property: value; } 显然，可以使用JavaScript进行此操作，但是我希望CSS Level 2本身具有某种解决方法。我正在尝试设置样式的菜单已由CMS弹出，因此我无法将活动元素移动到<li>元素...（除非我将菜单创建模块作为主题，但我不希望这样做）。有任何想法吗？

3175 css css-selectors

15

是否有一个“先前的兄弟”选择器？

Наэтотвопросестьответына 堆栈溢出нарусском：Селекторлевыхсоседей 加号（+）用于下一个兄弟姐妹。以前的兄弟姐妹有同等学历吗？

1354 css css-selectors

9

CSS类名称/选择器中哪些字符有效？

CSS类选择器中允许使用哪些字符/符号？我知道以下字符无效，但是哪些字符有效？ ~ ! @ $ % ^ & * ( ) + = , . / ' ; : " ? > < [ ] \ { } | ` #

1202 css css-selectors

17

类的第一个元素的CSS选择器

我有一堆带有类名的元素red，但是我似乎无法class="red"使用以下CSS规则选择第一个元素： .red:first-child { border: 5px solid red; } <p class="red"></p> <div class="red"></div> 运行代码段隐藏结果展开摘要该选择器有什么问题，我该如何纠正？多亏了这些评论，我才知道该元素必须是其父元素的第一个子元素才能被选中，而我并非如此。我具有以下结构，并且该规则失败，如注释中所述： .home .red:first-child { border: 1px solid red; } <div class="home"> <span>blah</span> <p class="red">first</p> <p class="red">second</p> <p class="red">third</p> <p class="red">fourth</p> </div> 运行代码段隐藏结果展开摘要我该如何针对上课的第一个孩子red？

944 css css-selectors

5

“〜”（波浪号/波浪形/旋转）CSS选择器是什么意思？

搜索~角色并不容易。我查看了一些CSS，发现了这个 .check:checked ~ .content { } 这是什么意思？

857 css css-selectors

9

不是：第一个孩子选择器

我有一个div包含多个ul标签的标签。我ul只能为第一个标记设置CSS属性： div ul:first-child { background-color: #900; } 但是，我以下尝试为ul除第一个标签之外的其他每个标签设置CSS属性不起作用： div ul:not:first-child { background-color: #900; } div ul:not(:first-child) { background-color: #900; } div ul:first-child:after { background-color: #900; } 如何在CSS中编写“除第一个元素外的每个元素”？

810 css css-selectors

11

“ +”（加号）CSS选择器是什么意思？

例如： p + p { /* Some declarations */ } 我不知道是什么+意思这和只为p没有定义样式之间有什么区别+ p？

750 css css-selectors

5

：not（）伪类可以有多个参数吗？

我正在尝试选择和以外input的所有types的元素。radiocheckbox 许多人表明您可以在中放置多个参数:not，但是type无论如何，尝试使用似乎都行不通。 form input:not([type="radio"], [type="checkbox"]) { /* css here */ } 有任何想法吗？

745 css css-selectors

4

CSS中的通配符*用于类

我正在使用这些div进行样式设置.tocolor，但是我还需要唯一的标识符1,2,3,4等。因此，我将其添加为另一个类tocolor-1。 <div class="tocolor tocolor-1"> tocolor 1 </div> <div class="tocolor tocolor-2"> tocolor 2 </div> <div class="tocolor tocolor-3"> tocolor 3 </div> <div class="tocolor tocolor-4"> tocolor 4 </div> .tocolor{ background: red; } 有没有办法只上一堂课tocolor-*。我尝试*在此CSS中使用通配符，但没有用。 .tocolor-*{ background: red; }

668 css css-selectors wildcard

10

我可以编写CSS选择器来选择没有特定类或属性的元素吗？

我想编写一个CSS选择器规则，以选择没有特定类的所有元素。例如，给定以下HTML： <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav>  </nav> <a href="javascript:void(0)" onclick="javascript:self.print()">Print me!</a> <p class="printable"> This page is super interresting and you should print it! </p> </body> </html> 我想编写一个选择器来选择所有不具有“可打印”类的元素，在这种情况下，这些元素是导航和一个元素。这可能吗？注意：在实际的HTML中，我想使用它的地方将比不包含“可打印的”类的元素多得多（在上面的示例中，我发现这是另一种方式）。

643 html css css-selectors

3

为什么浏览器从右到左匹配CSS选择器？

浏览器引擎从右到左匹配CSS选择器。因此，他们首先找到孩子，然后检查父母，看他们是否符合规则的其余部分。为什么是这样？只是因为规格说明了吗？如果从左到右进行评估，是否会影响最终的布局？对我来说，最简单的方法是使用元素数量最少的选择器。因此，ID优先（因为它们只能返回1个元素）。然后，可能是类或具有最少节点数的元素-例如，页面上可能只有一个范围，因此请使用引用范围的任何规则直接转到该节点。这是一些支持我的主张的链接 http://code.google.com/speed/page-speed/docs/rendering.html https://developer.mozilla.org/en/Writing_Efficient_CSS 听起来这样做是为了避免查看父母的所有子代（可能很多），而不是查看必须是一个的所有子代。即使DOM很深，它也只会在每个级别查看一个节点，而不是RTL匹配中的多个节点。评估CSS选择器LTR或RTL更容易/更快吗？

560 html css browser css-selectors

18

是否为包含某些文本的元素提供CSS选择器？

我正在寻找下表的CSS选择器： Peter | male | 34 Susanne | female | 12 是否有任何选择器来匹配所有包含“ male”的TD？

510 css css-selectors

5

在CSS中按数据属性选择元素

是否可以通过CSS5的HTML5数据属性（例如，data-role）来选择元素？

488 css html css-selectors custom-data-attribute

8

“>”（大于号）CSS选择器是什么意思？

例如： div > p.some_class { /* Some declarations */ } 这个>标志到底是什么意思？

475 css css-selectors

1

CSS选择器适用于具有两个类的元素

是否有一种方法可以根据将class属性的值设置为两个特定的类来选择CSS元素。例如，假设我有3个div： <div class="foo">Hello Foo</div> <div class="foo bar">Hello World</div> <div class="bar">Hello Bar</div> 基于它是foo AND bar类的成员，我可以写什么CSS来仅选择列表中的第二个元素？

471 css css-selectors

Questions tagged «css-selectors»