《css》专题

问题内容： 是否有@media查询仅针对运行iOS的设备？ 例如： 这还会以这些设备宽度改变Android设备上页面的行为吗？ 问题答案： 是的你可以。 YMMV。 之所以有效，是因为仅 Safari Mobile 实现了 请注意，在IE中不起作用。IE将跳过以上两个块。 警告：未来几年，iOS可能会在任何新的iOS版本中删除对此的支持。

问题内容： 。 对CSS缩小器有什么建议吗？ 我将扎根Google并尝试一些方法，但我怀疑聪明，精通和好奇的英俊StackOverflow社区可能已经评估了重量级的优缺点。 问题答案： 在锐压缩机是太棒了。它适用于JavaScript和CSS。一探究竟。

问题内容： 我有3个div。 像这样： 他们将充满文字。我不确定多少。问题是，所有高度都必须相等。 我如何使用jQuery（或CSS）查找DIV最高的并将其他两个设置为相同的高度，从而创建3个相等高度的DIV。 这可能吗？ 问题答案： 您不能轻松地通过高度选择或在CSS中进行比较，但是jQuery和一些迭代应该可以轻松解决此问题。我们将遍历每个元素并跟踪最高的元素，然后再次遍历并将每个元素的高度设

问题内容： 例如： 这个标志到底是什么意思？ 问题答案： 是子组合器，有时会误称为直接后代组合器。1个 这意味着选择器仅选择 直接嵌套 在内 的段落，而不选择嵌套 在 其 内 的任何段落。 插图： 选择了什么，没有选择什么： 选择 这直接位于内部的，因此在这两个元素之间建立了父子关系。 没有选择 这是由包含内，而不是本身。尽管这是的后代，但它不是孩子。是孙子 因此，虽然不匹配此元素，但将使用后代组

问题内容： 我试图阻止浏览器通过JavaScript 使用CSS 的效果。 我在CSS中设置了和样式，因为如果JS不可用，我希望获得悬浮效果。但是，如果 有 可用的JS ，我想用更平滑的效果覆盖CSS悬停效果（例如，使用jQuery color插件）。 我尝试了这个： 我也尝试过使用，但是它不起作用。 如fudgey所述，一种解决方法是使用重置悬浮样式，但我必须覆盖CSS中指定的每个属性。我正在寻

问题内容： 我有两个绝对重叠的div元素。两者都通过CSS设置了z- index值。我使用webkit转换在屏幕外为这些元素设置动画，然后再回到屏幕上。转换后，元素不再遵守其设置值。 一旦我对它们进行webkit转换，谁能解释div元素的z-index / stack-order会发生什么？并说明如何保持div元素的堆叠顺序？ 这是有关我如何进行转换的更多信息。 在转换之前，每个元素都会通过CSS

问题内容： 我认为使用Flexbox无法实现这一点，因为每一行只能是适合其元素的最小高度，但是可以使用更新的CSS Grid来实现吗？ 明确地说，我希望网格中所有行的所有元素的高度相等，而不仅仅是每行。基本上，最高的“单元格”应规定所有单元格的高度，而不仅仅是其行中的单元格。 问题答案： 简短答案 如果目标是创建具有相等高度的行的网格，而网格中最高的单元格将设置所有行的高度，那么这是一种快速简单的

问题内容： 我有一个div的CSS动画，经过一定时间后会滑入。我想要几个div填充滑入的动画div的空间，然后它将这些元素向下推到页面上。 当我在第一个div尝试此操作时，即使看不见，幻灯片仍会占用空间。如果我将div更改为div，则根本不会滑入。 我如何让div在不定时的情况下不占用空间（使用CSS进行计时）。 我正在为动画使用Animate.css。 代码如下所示： 如代码所示，我希望隐藏主d

问题内容： 我正在做的事情很简单。 您单击一个按钮，它将打开一个div ，该div 向下滑动并列出主题。（目前我只有两个） 现在，在加载网站时，将加载style1.css（主主题/原始主题） 现在，我要弄清楚的是…当单击灰度按钮以将样式表从style1.css更改为style2.css时，如何拥有它（注意：文件位于同一目录中） 任何帮助将非常感激。 问题答案： $(‘#grayscale’).cl

问题内容： 正如您在这张图片中看到的，我在绿色内部有一个橙色，没有顶部边框。橙色具有最高边距，但同时也将绿色压低。当然，添加顶部边框可以解决此问题，但是我需要绿色无边框。我能做什么？ 谢谢 问题答案： 您可以添加以防止边距崩溃。

问题内容： 我一直在使用JSF处理一个简单的Java EE项目。 我尝试通过设置CSS ，但是它不起作用。在客户端检查HTML源代码后，看来JSF生成的HTML表获得了形式为的客户端ID 。我无法通过来应用CSS ，因为冒号指示伪选择器的开始并导致错误。 无论如何，如何在CSS选择器中使用它？ 问题答案： 该是CSS标识符的特殊字符，它代表了一个开始伪类选择一样，等你将需要转义。 这仅在IE6 /

问题内容： 我看到一个问题，其中Chrome和其他WebKit浏览器使任何同时应用了transform3d的css缩放内容严重模糊。 有任何已知的解决方法吗？在上面的简单示例中，我得到了答案，我可以简单地使用translate而不是translate3d-这里的重点是将代码剥离为基本要素。 问题答案： Webkit将3d变换后的元素视为纹理而不是矢量，以提供硬件3d加速。唯一的解决方案是增加文本的

问题内容： 我知道CSS选择器具有最高的优先级（即< ）。 我还知道，如果事物具有相同的特异性，那么最后一个调用的语句将具有优先权： HTML类在DOM元素上的排序是否会影响语句优先级？ 问题答案： 我不得不不同意乔恩和沃森的回答，因为… 是的， 可以 （取决于声明） 您的问题是： CSS类在DOM元素上的排序是否会影响语句优先级？ 哪个确实取决于所讨论的语句。 HTML排序通常不重要 当直接调用

问题内容： 我正在使用这些div进行样式设置，但是我还需要唯一的标识符1,2,3,4等。因此，我将其添加为另一个类。 有没有办法只上一堂课。我尝试在此CSS中使用通配符，但没有用。 问题答案： 您需要的称为属性选择器。以下是使用您的html结构的示例： 可以代替或添加任何元素，也可以代替或添加指定元素的任何属性。 —以“ tocolor-”开头。 —包含直接在空格字符后出现的子字符串“ tocol

问题内容： 给定透明的PNG以白色显示简单形状，是否有可能通过CSS更改其颜色？某种覆盖还是什么？ 问题答案： 您可以将筛选器与和一起使用：筛选器相对于浏览器而言是较新的，但根据以下CanIUse表，超过90％的浏览器均支持它们 您可以将图像更改为灰度，棕褐色等（请看示例）。 因此，您现在可以使用滤镜更改PNG文件的颜色。