每隔三个元素设置样式?
如何使用纯 CSS 设置每三个元素的样式. 我见过这样的问题，但它们涉及到 javascript.我想要一个简单的 CSS 解决方案.我知道我可以将 even 或 odd 与 :nth-child 一起使用，但 :nth-child(third) 不能:nth-child(3) 也不行 例子:
风格
..
前端开发
为什么我不应该在 CSS 中使用 ID 选择器?
我对“不要在 CSS 中使用 ID 选择器"这一行感到震惊.这是真的吗?我发现很多帖子都写过这个. http://mattwilcox.net/archive/entry/id/1054/ http://screwlewse.com/2010/07/dont-use-id-selectors-in-css/ http://oli.jp/2011/ids/ 我认为我们可以将 ID 用
..
CSS 中的 img[class*=“align"] 是什么意思?
img[class*="align"] 在 CSS 中是什么意思? 我在许多样式表中都看到了这一点，但我不确定为什么要使用它以及它的作用.有什么想法吗? 解决方案 这是一个属性选择器 匹配任何 img 标记类文本，包括“align".例如，它将匹配以下任何一项:
..
CSS:最后一个元素
我有一个包含两行的无序 [内联] 链接列表: 哈佛医学院
哈佛大学
...
我通过 CSS 伪元素添加点分隔符: #widget-links li { display: inline;}#widget-links li
..
如何仅使用 CSS(无 js)选择所有其他 div 类元素
我知道如何使用 javascript 和 php 来做到这一点，但我正在尝试了解如何/是否可以仅使用 css 来做到这一点. 我有一个装有许多物品的容器.每个项目都有一张图片，在图片下方是一个包含描述的 div.我希望每个其他项目的描述背景都不同. 是否可以仅使用 css 来实现?如果是这样，怎么做?我一直在玩弄选择器 .item:nth-child(odd){background-
..
检查未使用的 CSS 选择器的工具?
我知道有一个名为 Dust-Me Selectors for Firefox 的扩展，而且它不查看 JavaScript 生成的动态 HTML. 我正在寻找可以从样式表中识别所有未使用的选择器的工具，这些选择器附加到多个页面，并且所有 JavaScript 都在运行并检查选择器?我现在知道的唯一选择是手动检查文件并找到未使用的选择器:( 在 IDE 中 - 我相信 NetBeans 在
..
如何在css中显示块的前N个元素并隐藏其他元素?
我试图隐藏块 .container 内具有类 .row 的前 3 个元素. 我正在做的是首先隐藏所有 .row，然后我尝试使用 .row 显示前 3 个 .row:nth-child(-n+3) jsfiddle 在这里:http://jsfiddle.net/z8fMr/1/ .row {显示:无；}.row:nth-child(-n+3) {显示:块；}
..
LESS 中的直接子选择器
是否有 LESS 在其输出中应用直接子选择器 ( > )? 在我的 style.less 中，我想写这样的东西: .panel {...>.控制 {...}} 并让 LESS 生成如下内容: .panel >.控制 { ... } 解决方案 更新 实际上，原始问题中的代码可以正常工作.你可以坚持使用 > 子选择器. 找到答案了. .panel {...>.控制{.
..
CSS选择器用于选择另一个元素之前的元素?
我正在为我的网站创建一个登录页面，我想在文本框获得焦点时将输入框之前的标签加粗.现在我有以下标记: 用户名:密码: 我可以使用相邻选择器选择标签after文本框，但我不能选择它之前的元素.我
..
使用第 n 个子值作为 SASS 变量
有没有办法将 nth-child 值用作 SASS 变量? 使用示例: div:nth-child(n) {内容:'#{$n}'} div:nth-child(n) {背景:rgb(#{$n}, #{$n}, #{$n});} 解决方案 我不认为有办法做到这一点.但是你可以使用 @for 指令来循环已知数量的元素: $elements: 15;@for $i 从 0 到 $elem
..
“*"是什么意思?在 CSS 中是什么意思?
我一直在查看 Facebook 和 Youtube 等许多网站的 CSS 文件. 在几乎所有的代码中，我都看到了这段代码: * {边距:0；填充:0；} 这很奇怪，因为在 chrome web 开发人员工具中删除该块不会影响页面的布局. 这段代码是什么意思，什么时候使用，为什么使用? 解决方案 这是一种称为 CSS 重置的常用技术.不同的浏览器使用不同的默认边距，导致站点看
..
“大于"是怎么回事?或“>"CSS中使用的字符?
我在 CSS 文件中多次看到这个字符，但我不知道它是如何使用的.谁能向我解释一下，并展示它们在简化页面样式方面有何用处? 解决方案 这是一个 CSS 子选择器.P >SPAN 意味着将遵循的样式应用于作为 P 标记的子级的所有 SPAN 标记. 请注意，“孩子"的意思是“直接后代"，而不仅仅是任何后代.P SPAN 是一个后代选择器，将遵循的样式应用于作为 P 子级的所有 SPAN
..
伪类和伪元素有什么区别?
div::after {} 和 div:after {} 有什么区别?我们什么时候必须使用 :: 而不是 :? 双冒号和单冒号是为了区分伪类和伪元素. 上述语句的实际含义是什么? 解决方案 来自 https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Pseudo-classes_and_ps
..
是否有与 :hover 相对的 CSS 伪类?
CSS中是否有伪类来指定 :not(:hover) 或者这是指定未悬停的项目的唯一方法? 我浏览了几个 CSS3 引用，但我没有看到任何提到 CSS 伪类来指定 :hover 的反面. 解决方案 是的，使用 :not(:hover) .child:not(:hover){不透明度:0.3；} .child {显示:内联块；背景:#000；边框:1px 实心#fff；宽度:50
..
定位位置:当前处于“卡住"状态的粘性元素
位置:粘性适用于某些移动设备浏览器，因此您可以让菜单栏随页面一起滚动，但只要用户滚动经过它，它就会停留在视口的顶部. 但是，如果您想在粘性菜单栏当前“固定"时稍微重新设置它的样式怎么办?例如，您可能希望栏在与页面一起滚动时具有圆角，但是一旦它粘在视口的顶部，您就想摆脱顶部的圆角，并在下面添加一点阴影它. 是否有任何类型的伪选择器(例如 ::stuck)来定位当前具有 position:
..
我可以将 CSS 样式应用于元素名称吗?
我目前正在从事一个项目，我无法控制我应用 CSS 样式的 HTML.而且 HTML 没有很好地标记，因为没有足够的 id 和 class 声明来区分元素. 所以，我正在寻找可以将样式应用于没有 id 或 class 属性的对象的方法. 有时，表单项具有“名称"或“值"属性: 有没有一种方法可以应用基于 name="goButton" 的样式?“价值"呢? 这种情况很难找到，
..
“this"的jQuery第一个孩子
我正在尝试将“this"从单击的范围传递给 jQuery 函数，然后该函数可以在该单击元素的第一个子元素上执行 jQuery.好像没弄好...
Javascript: function toggleSection(element) {element.
..
CSS :not(:last-child):after 选择器
我有一个元素列表，其样式如下: ul {列表样式类型:无；文本对齐:居中；}李{显示:内联；}li:not(:last-child):after {内容:'|';}
一个
两个
三
四
五
输出 一个 |二 |三 |四 |五个 | 而不是 一个 |二 |三 |四 |五 有人知道如何通
..
:not() 否定是否接受后代选择器?
我一直在使用 :not() 伪类来设置样式，而无需使用第二个不必要的声明来撤消第一个声明来覆盖它，但现在我遇到了一个奇怪的行为，Safari 接受 :not() 中的后代选择器，但 Chrome 不接受. 我使用了类似 a:not(.blue a). 我搜索了答案，但我仍然不完全理解原因.规范真的允许后代选择器吗? 这是一个演示: a:not(.blue a) {红色;}
..
CSS - 有表亲选择器吗?
假设我有下表(JS Fiddle): TBODY 的行已使用 :nth-child(2n) 选择器进行了斑马条纹处理.但是 TFOOT 中行的背景没有获得这些样式，并且只要表在 TBODY 中有偶数行，就会破坏偶数/奇数条带. 我想选择带有 .data-table tbody tr:nth-child(2n):last-child + tr 之类的 TFOOT 行，但这不起作用.+
..