《健壮性》专题

问题内容： 我正在寻找最简单的方法斑马条纹以下响应式弹性框表上的行。 换句话说，在此示例中，第2行和第4行是无限的，我不知道会有多少行，因为这是CMS系统中可重用的组件。 HTML不能更改，但是行和列的数量会经常更改。我很乐意为列而不是行设置限制。 有没有办法在纯CSS中做到这一点？ 问题答案： 理想情况下，所需的选择器将定位属性中包含的偶数值。像这样： 基本上，该幻想选择器说： 使用 包含 （）

问题内容： 我正在尝试将背景图像设置为延伸到的宽度和高度的整个范围。该会是可变大小的，所以我用 我无法弄清楚如何将其放在这种简写形式中并使之起作用。如果我独立列出每个属性，则可以正常工作，但是我希望有一个多合一的解决方案。 这可行，但不是首选： 问题答案： 根据W3和MDN，需要使用斜线将背景大小与背景位置分开： W3C示例： MDN： 必须在背景位置之后指定此属性，并用’/’字符分隔。

问题内容： 考虑以下场景，其中CSS属性缺少单位（px，em，pt，％）： 问题： 为什么会退回给px？像素始终是首选单位吗？W3C工作草案或建议中是否定义了任何规则？ 是否有一条规则使UA必须回退到首选单位？ 给定以上示例，以下哪项是正确的行为： Internet Explorer：在Quirks模式（IE6,5,4 ..）中，宽度和边框宽度用于回退到px。由于IE7（直到现在，IE10RP），

问题内容： 我需要检查元素是否具有定义的CSS属性，但是使用jQuery.css（）函数时遇到了一些麻烦。 我要寻找的属性是宽度。 如果该元素没有定义的宽度，请尝试以下操作： 我得到了浏览器的计算宽度。 问题答案： 这是我放在一起的一个非常简单（可能需要改进）的插件，它将为您提供内联样式属性的值（如果找不到该属性，则返回）： 您可以这样称呼它： 这是一个有效的例子。 请注意，它只会返回匹配集中 第

问题内容： 我在div中有一个HTML 5视频。然后，我有一个自定义播放按钮-效果很好。 我已将视频的可见性设置为在加载时隐藏，并且在单击播放按钮时可见，那么如何在再次单击播放按钮时将其恢复为隐藏状态？ 我基本上只是想在可见和隐藏的两种状态之间切换，除非我不能使用切换，因为那是show的隐藏div。我需要在那里，只是隐藏起来，所以它保持正确的高度。 问题答案： 使用jQuery：

问题内容： 我想展示水平系列的未知数量的纸牌。为此，如果太多，它们将必须重叠。我很难说服伸缩盒在不缩小卡片的情况下重叠卡片。下面的示例缩小卡片。我尝试过，但后来没有受到尊重。 问题答案： 这就是我使用flexbox做到的方式。 请注意，从技术上讲，卡并不是重叠的，它们只是被剪裁了。但是它们 看起来 像是重叠的。诀窍是将每张卡包裹在另一个带有溢出的元素中：隐藏。 包装元素将缩小以适应可用空间，并且在

问题内容： 我需要使以下代码可扩展到预定义的高度 但是由于 span 是内联元素，因此“ height”属性无效。 我尝试使用 div 代替，但是它将扩展到上层元素的宽度。并且宽度应该是灵活的。 谁能为此提出任何好的解决方案？ 提前致谢。 问题答案： 在CSS中给它一个-应该让它做您想要的。 在兼容性方面：IE6 / 7 将 与此兼容，如怪癖模式所示： IE 6/7仅在自然显示的元素（内联）上接受

问题内容： 这是一个非常简单的问题，因此我将对其进行简短介绍： 如何判断特定DOM元素的CSS属性是否被继承？ 我问的原因是因为使用的方法，它将返回计算的样式，该样式继承了父对象的CSS属性。有没有办法检索在对象本身上设置的属性？ 一个例子可以解释我的进步： CSS： HTML： 因此，在继承的实例中，如何判断它是否被继承了？ 显然会给我，但我想检索元素 本身 的样式，而不是其父元素。 问题答案：

问题内容： CSS上是否有规则确定在元素上定义多个类时的级联顺序？（vs ） 目前，似乎没有这种效果。 示例：两个div在Firefox上均为橙色 问题答案： 这取决于在样式表中最后声明的那个。例如， 与

问题内容： 我试图在单击另一个元素时更改一个元素的CSS。我进行了很多搜索，但没有一个能完美地工作。目前，我正在使用下面的代码，但是它不起作用。谁能告诉我我错过了什么？ 问题答案： 首先，使用属性添加事件处理程序是实现所需功能的一种非常过时的方法。当您使用jQuery标记问题时，这是一个jQuery实现： 一种更有效的方法是将这些样式放入一个类中，然后将该类添加到onclick上，如下所示：

问题内容： 因此，当我的应用程序在Firefox中运行良好时，我就很喜欢它，但是随后我在IE中打开它，然后…不，请重试。 我遇到的问题是我将CSS显示属性设置为或JavaScript。 我最初使用，但是Firefox在没有该属性的情况下使它变得怪异。 我很乐意在不添加JavaScript来测试IE的情况下做到这一点。有什么建议么？ 谢谢。 问题答案： 解决此问题的一种好方法是将该值设置为： 空值会

问题内容： 使用Chrome的devtools检查元素时，在“元素”标签中，右侧的“样式”栏显示了相应的CSS属性。有时，其中某些属性会被删除。这些属性是什么意思？ 问题答案： 当CSS属性显示为删除线时，表示应用了划线样式，但随后被更特定的选择器，更本地的规则或同一规则中的更高属性覆盖。 （特殊情况：如果某个样式存在于匹配规则中但已被注释掉，或者您通过在Chrome开发者工具中取消选中该样式来手

问题内容： 如何将CSS中的title =’mandatory’添加到以下内容 问题答案： 你不能 CSS是一种表示语言。它不是设计来添加内容的（除了非常琐碎的and和）。

问题内容： CSS属性的值是什么意思。CSS属性的值设置为时会发生什么？ 问题答案： 所述属性的值根据元素的内容或上下文 自动 调整。 例如，带有的块级元素会随着包含更多文本而变高。再举一个例子，具有的图块元素的左，右边界将增加，直到其沿视口的y轴居中。 实际上，这取决于您将值赋予的属性，不同的属性根据内容和上下文的不同而表现不同。

问题内容： 方法的重要性是什么？ 为什么在获取对象之前需要编译正则表达式字符串？ 例如 ： 问题答案： 总是在某个时候调用该方法。这是创建Pattern对象的唯一方法。所以问题是，为什么要 显式地 调用它？原因之一是您需要对Matcher对象的引用，以便可以使用其方法，例如检索捕获组的内容。保留Matcher对象的唯一方法是通过Pattern对象的方法，而保留Pattern对象的唯一方法是通过方法