《css》专题

问题内容： 查看CSS特异性规范，没有提到该规则值得多少“要点” 。 一个人何时超越另一个人？如果一个在另一个之后被声明会怎样？哪个规则更重要？有某种模式吗？ 从它的外观看，适用于具有更多特异性点的对象。但是，如果我声明一个bazillion id与类堆叠在一起并深深嵌套的话，会发生什么？它会否覆盖另一个未指定的标有的规则中设置的规则？ 问题答案： CSS中的特异性仅涉及选择器，而不涉及它们的关联

问题内容： 它指出，特异性是CSS的得分系统。它告诉我们元素值1分，类值10分，ID值100分。最重要的是，这些点是合计的，总数就是选择者的特异性。 例如： 身体 = 1点 身体.wrapper = 11点 身体.wrapper＃容器 = 111点 因此，使用这些要点，我期望以下CSS和HTML导致文本为蓝色： 为什么当15个班级等于150分而1个ID等于100分时，文本变成红色？ 显然，积分不只

问题内容： 跨浏览器的支持似乎有所不同。 检查链接] Firefox：黑底白字。 Opera，Chrome，IE9：蓝色，黑色文字。 哪个是正确的，我将如何使其一致？ 编码 ​ 有趣的是，似乎在条件中嵌套媒体查询似乎确实有效。 例如： Index.html importer.css media.css 问题答案： 对于那些只是寻找“哪些浏览器支持@media规则嵌套？”答案的人，简短的答案是所有现

问题内容： 我正在处理图像，但遇到宽高比问题。 如您所见，并且已经指定。我为图像添加了CSS规则： 但是，我收到和。如何设置图像以调整尺寸，同时保持其纵横比。 img { 如果对于指定区域太大，则会缩小图像（不利的一面是，不会放大图像）。

问题内容： 我刚刚了解了一个新的不常见的CSS单元。并分别测量视口的高度和宽度百分比。 vw和vh分别是窗口宽度和高度的百分比：100vw是宽度的100％，80vw是80％，依此类推。 这似乎与单位完全相同，这很常见。 在开发人员工具中，我尝试将值从vw / vh更改为％，反之亦然，并得到相同的结果。 两者之间有区别吗？如果没有，为什么要引入这些新单位？ 问题答案： 可以达到任何高度。举例来说，如

问题内容： 我正在寻找指向邮件列表讨论等的链接，而不是进行猜测。 谁能帮我找出CSS选择器3级规范中引用的错误处理规则背后的理由。 用户代理必须遵守处理解析错误的规则： 包含未声明的名称空间前缀的简单选择器无效 包含无效简单选择器，无效组合器或无效令牌的选择器无效。 包含无效选择器的一组选择器无效。 重用规范的选择器必须定义如何处理解析错误。（对于CSS，将删除使用选择器的整个规则。） 我有以下规

问题内容： 好的，说里面的内容总计高300像素。 如果我设置使用或的背景 然后，我将窗口最大化（或使其高度大于300px），渐变将恰好是300px高（内容的高度），然后重复进行以填充窗口的其余部分。 我假设这不是错误，因为在webkit和gecko中都是相同的。 但是，是否有一种方法可以使渐变拉伸以填充窗口而不是重复？ 问题答案： 应用以下CSS： 编辑： 添加到每个声明的正文声明。 编辑： 添加

问题内容： 我想在单词中镜像字母，所以我使用了CSS变换属性，但是如果我将文本包裹在一个范围内则无法使用，但是如果我选择了ass或 那么转换不适用于内联元素吗？ 示例1（转换失败） 示例2（Works，如果使用OR） 问题答案： 在官方W3规范中，在可转换元素下回答： 一个元素，其布局由CSS框模型控制，该CSS框模型可以是 块级 或 原子内联级元素 ，或者其“ display”属性可以计算为“

问题内容： 我想在CSS中使用大小均相同但高度不相同的元素来实现网格效果。我希望下面的元素始终位于底部元素的50px处，无论接下来是什么。 我尝试使用浮点数，但该错误。因此，我尝试使用Flex，但是它仍然无法满足我的要求。 问题答案： Try the new CSS Grid Layout 建立一个块级网格容器。该grid-auto-rows属性设置自动生成的行的高度。在此网格中，每行高度为50p

问题内容： 如何为我使用CSS3渐变，然后应用来应用某种透光的纹理？ 问题答案： 多个背景！ 对于没有进行渐变的任何浏览器，这两行都是后备。请参阅以下有关仅堆叠IE <9的图像的注意事项。 第1行设置了平坦的背景色。 第2行设置了背景图片后备广告。 最后一行为可以处理这些背景的浏览器设置了背景图片和渐变。 第3行适用于所有相对较新的浏览器。 几乎所有当前的浏览器都支持多个背景图像和CSS背景。有关

问题内容： 也许这是一个明显的答案，但是 为什么 地球上 会浏览器决定创建自己的供应商前缀之类的？ 我的意思是：为什么我必须输入： 是否因为每个平台都认为“我们很酷，我们会想出一种 更好的 方法来制作圆角”？键入三行似乎是完全和莫名其妙的冗余。 问题答案： 这是因为这些功能是在规范到达最终发布阶段之前由供应商实施的。 供应商前缀确保与功能更改等没有冲突。 最初，供应商前缀的目的是允许浏览器制造商开

问题内容： 我正在写一个jQuery插件，我需要做的就是确定用户指定元素的宽度。问题在于，即使开发人员已将.width（）或.css（’width’）始终报告为精确像素，例如使用CSS分配了width：90％。 有什么方法可以让jQuery根据开发人员提供的CSS输出以px或％为单位的元素宽度？ 问题答案： 我说最好的方法是自己计算：

问题内容： 是否有CSS属性可根据以下图片反转相关内容？ 问题答案： 有一个CSS属性叫做mix-blend-mode，但是IE不支持。我建议使用伪元素。如果您想支持IE6和IE7，则还可以使用两个DIV代替伪元素。

问题内容： 用CSS在目录中做前导点的好方法是什么？ 例： 问题答案： 摘自这篇有关CSS的领导者点的 字段标签包裹在div中，该div具有在x方向上重复应用的小点图像作为背景。仅此一项将导致点在文本下方流动。因此，为消除这种影响，文本本身会被包裹在一个跨度中，在该跨度中，背景色设置为与包含元素的背景色匹配。 这是CSS： 要将其应用于示例表单，只需将其用作： 堆栈片段中的演示

问题内容： 我想将我的URL设置为SEO友好URL。我尝试通过重写规则编辑.htaccess文件 它路由正确的URL，但是在该页面中CSS JS和图像无法正常工作。 问题答案： 您不需要第二个重写规则。您的CSS / JS路径都相对于您当前的位置。 您所需要做的就是在CSS / JS路径之前加上“正斜杠”。