《css》专题

问题内容： 实际上可以从网站开发中完全避免使用类。 我的问题是，与类选择器相比，数据选择器的效率如何？ 一个简单的示例是比较对带有的元素与vs与的元素的查询。 该选择将检查值作为一个整体对String类应该被拆分。考虑到这一点，数据属性应该更快。 因此，为解决问题，在CSS的情况下，我们最好使用类选择器还是数据选择器？并且从javascript的角度来看，它会比？更有效。 问题答案： 我不会说这是

问题内容： 我需要在jQuery的：hover上定义div的背景色，但以下内容似乎无效： 如何获得相同的结果？重要的是必须使用jQuery完成，但由于某些原因它不起作用。有什么建议么？谢谢！ 问题答案： 我建议在jQuery上使用CSS（如果可能），否则可以使用类似的东西 您可以根据需要更改选择器。 正如@ A.Wolff所评论的那样，如果要将悬停效果用于多个类，则可以像这样使用它

问题内容： 使用JavaScript在具有特定CSS类的html文档中获取所有元素的数组的最佳方法是什么？ 目前没有像jQuery这样的JavaScript框架现在允许在这里使用，我可以循环所有元素并亲自检查它们。我希望有一些优雅的东西。 问题答案： 它的值得指出的对于原生浏览器支持已经得到了_很多_更好。但是，如果您必须支持旧版浏览器，那么… 使用已经写好的一个。大多数主要的JS库都以某种形式包

问题内容： 我从应该是两列宽的对象生成一个表（使用vue.js）。每个列都来自对象的键和值。这等效于以下实际HTML： 我使用CSS网格将其格式化为2x2网格，我希望这是 这样做的代码： 结果不是我期望的结果：两个最深的区域的行为就像它们应该在显示器之外：它们彼此堆叠。 我希望他们继承网格行为：在进行时根据列模板进行对齐。 如何实现？ 问题答案： 网格属性不适用于您的内容div，因为这些div不在

问题内容： 我有三分之二的div。所包含的div之一向左浮动，另一个向右浮动。我希望2个同级div始终处于相同的高度，但是对此存在问题。到目前为止，我只在Firefox中查看该页面，并认为在至少一个浏览器中运行它后，我会担心任何跨浏览器的问题。 这是标记： 这是CSS： 如果中的内容长于，则不会扩展为匹配。在我尝试了一个例子，说的Firefox的计算式的高度是，的计算式的高度是和的计算的风格高度为

问题内容： 我有一个容器宽度为100％的页面，因此它是屏幕的整个宽度，我在网格结构中有几个DIV，它们都具有浮动：保留在它们上，没有设置宽度，仅留有10px的空白。 是否有一种使用CSS或jQuery的方法来使div填充整个宽度并调整其自身以适应间隙，因此边距会根据屏幕尺寸而变化。 问题答案： 在此线程中查看三十点的答案，以获得不带JavaScript的纯CSS / HTML解决方案，该解决方案可

问题内容： 我发现财产取决于位置 为什么会这样呢？任何其他规则/限制？ 尽管对我来说很奇怪，但这似乎不是一个错误，因为我能够在Chrome / FF中重现此错误 问题答案： 在这两种情况下，您都应该做第一个。如果在最后添加它，则将首先进行翻译而无需考虑视角。 如果我们参考规范，我们可以看到如何计算转换矩阵： 转换矩阵是根据transform和transform-origin属性计算的，如下所示：

问题内容： 我有一个用于水平菜单的CSS代码： 但它左边有一个空白，我无法计算出该如何去除。 我尝试做margin：0和margin：-10px等…但是不会走。 这是一个jsFiddle：http : //jsfiddle.net/QSEGR/ 问题答案： 其实不是保证金。 网络浏览器在HTML列表元素上应用诸如 （Google Chrome set）。 您可以通过在元素上进行设置来覆盖用户代理样

问题内容： 您可能已经知道，元素上可能有多个类，这些类之间用空格隔开。 例 而使用CSS则可以使用或来定位。当 且仅当 两个类都存在时 ，才有 办法将其定位吗？ 例 我将使用哪个CSS选择器获得第一个选择器（假设我无法使用或类似的选择器）？ 问题答案： 是的，只需串联它们：。 但是请注意，Internet Explorer 6之前的版本不支持多个类选择器，而仅使用上一个类名。

问题内容： 当我们使用CSS3时，首先要做的是哪一个？ 完成的第一个操作似乎是最 右边的一个。 即在此之前完成。 可以肯定的是，这是真的吗？ 注意：在某些地方（答案，互联网上的文章），我已经读过一件事及其相反的内容，因此是这里的问题。 问题答案： 是的，首先执行的操作是最右边的操作，即在此之前完成。 该MDN文章确实指出： 变换函数从左到右依次相乘，这意味着 从右到左依次有效地应用了复合变换 。

问题内容： 我本质上是在尝试创建一个“ figure”元素的版本（HTML5中即将推出），在该图像的下面有一个简短说明的图像。 但是，我想将整个元素的宽度限制为图像的宽度，以使文本不比图像宽（必要时可以换成多行）。 基本HTML： 我精通使用CSS，但我想不出任何纯CSS解决方案，而无需添加到相匹配的图像宽度。 更新 ：经过一番搜索和思考，最好的方法似乎是在div上使用内联宽度。如果我希望div比

问题内容： 当在同一页面上使用多个CSS文件并且它们冲突时，我怎么知道要使用哪个？例如，如果一个说蓝色背景，另一个说红色。 问题答案： 快速回答： 如果这两段CSS都具有相同的特异性（例如，它们都是），那么无论哪个被称为LAST都会覆盖前一个。 但是，如果某些东西具有更高的特异性（一个更具体的选择器），则无论其顺序如何，都将使用它。 范例1： 上面的示例将颜色变为红色 。两个选择器都相同，因此也具

问题内容： 我想使用jQuery和CSS单击按钮后旋转div文本 如果用户单击按钮，则文本在左侧旋转； 或者 用户单击按钮，则文本在右侧旋转 例： 问题答案： 尝试这个：

问题内容： 我在浏览器底部放置页脚时遇到了经典问题。我尝试过包括在内的方法，但效果不佳：我的页脚始终始终显示在FF和FF中的浏览器窗口中间IE浏览器 在HTML中，我得到了这个简单的结构 这是与css页脚问题相关的css代码： 我在哪里做错了？我真的已经尝试了一切。如果我错过了任何有用的信息，请告诉我。 谢谢您提前提出任何建议。 问候， 谢谢大家的答案。它适用于： 设置位置：固定由于某种原因在IE

问题内容： 我知道这会给我innerHtml。我还需要它的样式（可以通过类的方式定义），可以是内联属性，也可以是单独标签中的所有样式/类。 可能吗？ 更新 如果HTML类似于HTML 并且在外部样式表中定义了CSS类，该怎么办？ UPDATE 2 对不起，您没有在此澄清 如果这是我的HTML 样式在单独的样式表或头部样式中定义。 然后，当我尝试获取的内部html 或调用任何其他自定义函数时，我需要