程序设计 css-selectors

11

如何在CSS表中选择tr除第tr一个元素以外的所有元素？我尝试使用此方法，但发现它不起作用。

257 css css-selectors

2

HTML： <label for="email">{t _your_email}:</label> CSS： label { display: block; width: 156px; cursor: pointer; padding-right: 6px; padding-bottom: 1px; } 我希望基于“ for”属性选择标签以进行布局更改。

256 css css-selectors

4

选择CSS中的每N个元素

例如，是否可以选择一组元素中的每个第四个元素？例如：我有16个<div>元素...我可以写类似的东西。 div:nth-child(4), div:nth-child(8), div:nth-child(12), div:nth-child(16) 有一个更好的方法吗？

242 css css-selectors

8

将CSS样式应用于子元素

我只想将样式应用于具有特定类的DIV中的表：注意：我宁愿将css-selector用于子元素。为什么＃1有效而＃2无效？ 1： div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;} 2： div.test th, td, caption {padding:40px 100px 40px 50px;} HTML： <html> <head> <style> div.test > th, td, caption {padding:40px 100px 40px 50px;} </style> </head> <body> <div> <table border="2"> <tr><td>some</td></tr> <tr><td>data</td></tr> <tr><td>here</td></tr> </table> </div> <div class="test"> <table …

232 css css-selectors

9

CSS3选择器：具有类名的第一个类型？

是否可以使用CSS3选择器:first-of-type选择具有给定类名称的第一个元素？我的考试没有成功，所以我认为不是吗？代码（http://jsfiddle.net/YWY4L/）： p:first-of-type {color:blue} p.myclass1:first-of-type {color:red} .myclass2:first-of-type {color:green} <div> <div>This text should appear as normal</div> <p>This text should be blue.</p> <p class="myclass1">This text should appear red.</p> <p class="myclass2">This text should appear green.</p> </div> 运行代码段隐藏结果展开摘要

230 css css-selectors

4

CSS选择器中的类名是否区分大小写？

我到处都读到CSS不区分大小写，但是我有这个选择器 .holiday-type.Selfcatering 当我像这样在HTML中使用时，它会被拾取 <div class="holiday-type Selfcatering"> 如果我这样改变上面的选择器 .holiday-type.SelfCatering 这样就不会拾取样式。有人在说谎。

229 html css css-selectors

9

如何在CSS选择器中组合类和ID？

如果我有以下div： <div class="sectionA" id="content"> Lorem Ipsum... </div> 有没有一种方法可以定义表达“与id='content'AND 的div”这一想法的样式class='myClass'？还是您只是简单地走了一条路或另一条路 <div class="content-sectionA"> Lorem Ipsum... </div> 要么 <div id="content-sectionA"> Lorem Ipsum... </div>

221 css css-selectors

9

在CSS中，“。”有什么区别和“＃”声明一组样式时？

是什么区别#，并.宣布一组样式时的元素，什么是决定使用哪一个时发挥作用的语义？

217 css css-selectors

3

*和* | *在CSS中有什么区别？

在CSS中，*将匹配任何元素。通常*|*用于代替*匹配所有元素。通常用于测试目的。 *和*|*CSS 和有什么不一样？

211 css css-selectors namespaces

5

CSS中下一个元素的选择器的语法是什么？

如果我有标题标签 <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } 之后我有一个段落<p>stuff here</p>。如何确保使用CSS可以使用<p>紧随其后的每个标记h1.hc-reform：clear:both; 会是： h1.hc-reform > p{ clear:both; } 由于某些原因无法正常工作。

200 html css css-selectors siblings

4

如何获取CSS以选择以字符串开头的ID（不是Javascript）？

如果HTML具有这样的元素： id="product42" id="product43" ... 如何匹配所有以“ product”开头的ID？我已经看到了完全使用javascript做到这一点的答案，但是如何仅使用CSS来做到这一点？

192 html css css-selectors

4

这是什么CSS选择器？[class * =“ span”]

我在Twitter Bootstrap中看到了这个选择器： .show-grid [class*="span"] { background-color: #eee; text-align: center; border-radius: 3px; min-height: 30px; line-height: 30px; } 有谁知道这种技术叫什么及其作用？

190 css css-selectors

6

角度2：如何为组件的宿主元素设置样式？

我在Angular 2中有一个名为my-comp的组件： <my-comp></my-comp> 如何在Angular 2中设置此组件的宿主元素的样式？在Polymer中，您将使用“：host”选择器。我在Angular 2中尝试过。但是它不起作用。 :host { display: block; width: 100%; height: 100%; } 我也尝试使用组件作为选择器： my-comp { display: block; width: 100%; height: 100%; } 两种方法似乎都不起作用。谢谢。

189 css angular css-selectors angular-components

3

结合：after和：hover

我想在CSS（或任何其他伪选择器）中结合:after使用:hover。我基本上有一个列表，并且selected该类的项目具有使用组成的箭头形状:after。我希望对于悬停但无法完全正常运行的对象也是如此。继承人代码 #alertlist { list-style:none; width: 250px; } #alertlist li { padding: 5px 10px; border-bottom: 1px solid #e9e9e9; position:relative; } #alertlist li.selected, #alertlist li:hover { color: #f0f0f0; background-color: #303030; } #alertlist li.selected:after { position:absolute; top: 0; right:-10px; bottom:0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #303030; content: …

184 css css-selectors pseudo-element

9

我可以将CSS样式应用于元素名称吗？

我目前正在从事一个项目，该项目无法控制我要应用CSS样式的HTML。而且在没有足够的id和class声明来区分元素的意义上，HTML的标签不是很好。因此，我正在寻找将样式应用于没有id或class属性的对象的方法。有时，表单项具有“名称”或“值”属性： <input type="submit" value="Go" name="goButton"> 有没有一种方法可以应用基于name =“ goButton”的样式？那“价值”呢？这种事情很难被发现，因为Google搜索会找到各种实例，在这些实例中，诸如“名称”和“值”之类的广泛术语会出现在网页中。我有点怀疑答案是否定的……但是也许有人巧妙地破解了？任何建议将不胜感激。

176 html css css-selectors

Questions tagged «css-selectors»