《健壮性》专题

问题内容： 我正在构建一个简单的示例，使用该属性翻转卡片。 几天前它运行良好，但突然间它停止工作。效果仍然有效，但是当我将鼠标悬停在卡片上时，正面应该消失以使背面可见。为此，我正在使用该属性。但是似乎无法在chrome中正常工作（无论是稳定版还是每晚构建版） 如果我在做一些糟糕的事情，这里是代码 之所以得出这个结论，是因为我做了几个简单的示例，只使用了一个旋转的div，上面有一个简单的文本，背面隐

问题内容： 可以在这里找到代码： 我发现有内标记，也有内标签。它们都是必需的吗？（在这种情况下，CSS似乎覆盖了HTML属性）关于它们之间的区别是否有任何解释？ 问题答案： 我检查了文档，但是它们并不清楚如果同时设置了它们。 那藏在这里的某个地方： UA可以选择使用HTML源文档中的表示属性。如果是这样，则将这些属性转换为对应的CSS规则，其特异性等于0，并且将其视为在作者样式表的开头插入。因此，

问题内容： 以下是我的javascript代码，我曾经在单击时显示。 再次单击该如何隐藏？然后单击它，是否应该再次可见？ 问题答案： 如果您对jQuery解决方案感兴趣： 这是HTML 这是jQuery脚本 您可以在这里看到它的工作方式： 如果您不知道如何使用jQuery，则必须使用以下代码来加载库： 然后使用此行开始： 因此，在这种情况下，最终代码如下：

问题内容： 我正在尝试设置禁用输入的样式。我可以用： 要么 属性选择器是现代CSS3方式还是前进的方式？我曾经使用伪类，但是找不到关于它们是否是旧方法并且将不被支持或者它们是否相等的任何信息，您可以使用最喜欢的任何方法。 我不需要支持较旧的浏览器（这是一个Intranet应用程序），因此： 属性是更新更好的 伪类仍然是要走的路 无论您最喜欢哪个 有一个技术上的理由要使用另一个 问题答案： 属性选择

问题内容： 我对此稍作停留，以为我会分享这个+ flexbox陷阱： 在将视图切换到Flex Box容器之前，我的粘性div工作正常，并且当将div包裹在flexbox父级中时，div突然变得不粘性。 问题答案： 由于flex box元素默认为，因此所有元素都具有相同的高度，无法滚动。 将添加到粘性元素的高度设置为auto，可以滚动并固定它。 当前，所有主流浏览器均支持此功能，但Safari仍在前

问题内容： CSS 和属性可接受的最大有效值是多少？ （我目前正在构建一个Web应用程序，该应用程序会创建一个非常大的可缩放容器元素，我想知道实际的限制是什么。） 问题答案： 在宽度和高度为10000000000px的元素上使用某些浏览器随附的CSS检查器：

问题内容： 我的页面中有图像，并且在CSS选择器之前使用：bestyle。 图片是动态的，因此没有固定的宽度；所以我需要动态设置：before规则的宽度。 我想在客户端使用JQuery做到这一点。 假设： 如何使用JQuery 仅更改带有选择器的类的width属性（如果没有选择器，则不能更改一个类的width属性）？ 问题答案： 我认为没有直接访问伪类规则的jQuery方法，但是您总是可以在文档的

问题内容： 在某些元素具有自定义CSS属性的应用程序中，是否可以通过JavaScript检索此类值？ 例如 我可以通过以下两种方法访问color属性： 但是这些不适用于自定义属性。完全支持吗？ 问题答案： 浏览器无法理解的CSS值将被丢弃，这说明了为什么无法通过来获取CSS值。 过去，您不得不依靠存储具有数据属性的数据并自己通过JavaScript处理继承。 但是，自此以来，“自定义属性”（也称为

问题内容： 我正在尝试通过将类添加到来将a 设置为单击时的属性，如下所示： 但是，这似乎不起作用（没有延迟）。我在这里做错什么吗？ 我知道可以通过使用 setTimeout 函数来实现，但是想知道为什么不能使用CSS过渡来实现吗？是否有可以应用CSS过渡的特定样式属性？ 问题答案： 有许多属性无法转换。在他们中间；渲染引擎不知道如何在“隐藏”和“显示”之间进行转换，因为这些是二进制选项，而不是间隔

问题内容： 如何将伪元素选择器（）与属性选择器（）组合在一起？ 我尝试使用，但这在Chrome中不起作用。 HTML： CSS： 在每个div的末尾显示“ YES”，第二个div之后应显示“ NO”。 我正在运行Chrome 17.0.963.38。在Safari 5.1.2中似乎可以正常工作。 问题答案： 这看起来像个错误，终于被报道了。如果您为样式表中的任何位置 添加CSS规则并至少包含一个声

问题内容： 我有一个伸缩框（请参见下面的示例片段）。 我想进行设置，以便在所有情况下，都位于 弹性框 的中心，其他跨度将根据其标记在其周围流动。 我基本上是在寻找CSS代码，但在寻找主轴，而不是在交叉轴这可能有助于解释我的要求）。 我也正在申请我的，这是我在阅读本文后了解到的（很棒的页面，但仍然让我提出以下问题-除非我不完全理解所有问题）。 这是我得到的代码： 为了充分重申我的问题：我想知道如何中

问题内容： 最近，我对CSS选择器进行了一些研究，并遇到了有关新“ data- *”属性的问题。 我了解，为了选择具有data属性的元素，有几种解决方法： 这些还有其他变体，但我的问题与CSS选择器有关，该选择器可以定位仅具有“数据”属性的元素。更具体地说，是否有CSS选择器可以定位完全具有ANY“数据”属性的元素？ 虽然不正确，但我在想类似的东西： 我一直在搜索Google，但尚未找到有关该属性

问题内容： 我在CSS中添加了一个“扰流器”类，用于扰流器。文本通常是不可见的，但是当鼠标悬停在其上方以向想要阅读该文本的任何人显示扰流板时，该文本就会出现。 应该很简单，但是由于某种原因这是行不通的。即使我将鼠标指向文字，文字仍然不可见。知道是什么原因造成的吗？ 问题答案： 您不能将鼠标悬停在隐藏的元素上。一种解决方案是将元素嵌套在另一个容器中： CSS： HTML： 更新资料 在Chrome上

问题内容： 是否可以使用CSS选择器来定位具有特定值的输入？ 示例：如何根据 问题答案： 动态值（哦，不！D;） 正如npup在他的回答中解释的那样，一个简单的css规则将仅针对该属性，这意味着它不覆盖html节点的实际值。 原始答案 是的，很有可能，使用css属性选择器，您可以按以下方式通过输入的值来引用输入： 从参考 [att]当元素设置“ att”属性时匹配，无论该属性的值如何。 [att

问题内容： 我需要在CSS中使用属性选择器来更改不同颜色和图像上的链接，但是它不起作用。 我有这个HTML： 而这个CSS： 为什么背景不是红色的？ 问题答案： 在href后面使用$。这将使属性值匹配字符串的结尾。