《css》专题

问题内容： 就我所知，CSS并不是图灵完整的。但是我对CSS的了解非常有限。 CSS Turing完成了吗？ 现有的任何草案或委员会是否正在考虑可能不立即实现图灵完整性的语言功能？ 问题答案： 您可以在CSS3中对规则110进行编码，因此只要您认为适当的随附HTML文件 和用户交互 是CSS“执行”的一部分，它就可以完成图灵完成。一个不错的实现是可用的，这里包括另一个实现：

问题内容： 我无法弄清楚为什么内联元素在某些浏览器中会忽略（Chrome和Firefox会忽略它，但IE9不会）。 这是一个例子： 预期结果是元素高度为26px，但是将其设置为31px。如果我将元素的显示设置为“阻止”，则高度正确设置为26px。 我读的所有内容都应该设置为行高，因此我无法弄清楚。这是我在W3C上阅读的内容： 计算行框中每个行内框的高度。对于替换的元素，内联块元素和内联表元素，这是

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

问题内容： 尽管边距和填充为零，但无法弄清楚为什么CSS网格布局会在垂直单元格周围的内容上添加不必要的额外空间： 问题答案： 垂直间隙是由图像未填充网格项目中的垂直空间引起的。 align-items: center容器上的问题变得更糟，该容器删除了align-items: stretch默认设置。 本质上，网格项目之间没有间隙。它们形成干净整齐的网格。但是，因为图像小于包含它们的项目，然后这些项

问题内容： 我正在渲染以下CSS和HTML代码段。 问题是文本区域最终比父区域宽8像素（边框2像素+填充6像素）。有没有办法继续使用边框和填充，但是将的总大小限制为父级的宽度？ 问题答案： 为什么不忘了这些技巧，而只使用CSS？ 我经常使用的一种：

问题内容： 我想使用兼容W3C的CSS定位IE7和IE8。有时为一个版本修复CSS不能为另一版本修复。我该如何实现？ 问题答案： 明确目标IE版本，无需使用HTML和CSS进行破解 如果您不希望CSS受到黑客攻击，请使用此方法。在元素中添加一个浏览器唯一的类，以便以后可以基于浏览器进行选择。 例 然后，在CSS中，您可以非常严格地访问目标浏览器。 例 带有CSS“ Hacks”的目标IE版本 更重

问题内容： 我正在尝试让我的粘性标头具有过渡效果，因此它不仅易于移动，而且易于释放。 我究竟做错了什么？ 基本上，以下代码将tiny类添加到我的包装器类中，这很好。 这是CSS部分： 所以标题确实会收缩，但是没有动画，我是否错过了某些东西，或者转换根本不适用于网格？ 这是css-grid文档的链接。 问题答案： 根据规范，过渡应该在和上进行。 7.2。 明确的轨道尺寸：和 属性 可动画的： 作为长

问题内容： 有什么好的工具可以制作CSS精灵？ 理想情况下，我想给它一个图像目录和一个引用这些图像的现有.css文件，并使其创建具有所有小图像优化的大图像，并更改我的.css文件以引用这些图像。 至少我希望它获取一个图像目录，并生成一个大的精灵和将每个精灵用作背景所必需的.css。 有没有很好的photoshop插件或功能完备的应用程序可以做到这一点？ 问题答案： 这将为您完成90％的工作：CSS

问题内容： HTML元素，或都可以用于文本删除线效果。例子： ....给出： 德尔 ....给予： 罢工 和 罢工 具有值的CSS 属性可以类似地使用。编码… …也将呈现为： text-decoration：line-through 但是，删除线通常与文本使用相同的颜色。 可以使用CSS使线条变为不同的颜色吗？ 问题答案： 是的，通过添加一个额外的包装元素。将所需的直通颜色分配给外部元素，然后将所

问题内容： 我正在尝试选择a内的所有元素，但第三个和第四个除外。我设法做到了： 我想合并这些选择器，因为我还有其他条目。像这样的东西，但是没有用： 这 确实 适用于jQuery，但不适用于CSS。我正在使用Chrome（并且我只需要在其中使用它即可）。 我无法找到这种情况的组合选择器。如何将选择器与结合使用？ 问题答案： 选择器级别3仅允许伪类中的单个简单选择器使用。作为jQuery选择器，它之所

问题内容： 我想知道是否有人可以在CSS中！important声明 无法 覆盖内联样式时放些权威参考摘要。 问题答案： 确定哪些样式相互替代涉及许多因素。样式声明出现在 级联中 的位置越低，则它在定位元素时 越具体 ，则与其他样式的权衡就越大。 这是样式继承的CSS2标准： 如果级联产生一个值，请使用它。 否则，如果属性是继承的，则使用父元素的值，通常是计算值。 否则，请使用属性的初始值。每个属性

问题内容： 有什么办法可以通过简单的CSS设置文本格式？我有一个包含不同产品及其药物和剂量的数据库，希望统一显示它们，但没有等宽字体。 问题答案： 这是一款优雅且不失礼貌的产品，但有一些限制（请参阅下文）。 CSS： HTML： 局限性： 在IE <8中不起作用 在属性中仅接受文字字符，不接受HTML实体，因此不接受。（@Radek指出，这没有问题，因为UTF-8字符几乎可以满足这里的所有需求）。

问题内容： 假设我有以下CSS： 以后可以在JavaScript中以某种方式知道给定CSS属性的值是什么吗？ 问题答案： 我认为您无法访问无效的属性名称，至少对我而言，它不适用于Chrome或Firefox。CSSStyleDeclaration只是跳过了无效属性。对于给定的CSS： 对象仅包含以下键： 但是，有趣的是，这是DOM-Level-2样式规范所说的： 尽管实现可能无法识别CSS声明块中

问题内容： 我正在尝试将两个s位置互换以进行响应式设计（该网站的外观根据浏览器的宽度/适合移动设备而有所不同）。 现在我有这样的事情： 但是是否有可能仅使用CSS来交换其放置位置，使其看起来像是第一个？HTML保持不变。我已经尝试过使用浮点数和其他东西，但是它似乎并没有达到我想要的方式。我不想使用绝对定位，因为s的高度总是在变化。是否有解决方案，还是没有办法做到这一点？ 问题答案： 有人联系我：什

问题内容： 注意：此问题仅与Grunt 0.3.x有关，已留作参考。 有关最新的Grunt 1.x版本的帮助，请参阅此问题下方的我的评论。 我目前正在尝试使用Grunt.js设置一个自动构建过程，以便首先串联然后最小化CSS和JavaScript文件。 我已经能够成功地串联和最小化我的JavaScript文件，尽管每次运行grunt时，它似乎只是追加到文件中而不是覆盖它们。 至于缩小甚至连接CSS