《css》专题

问题内容： 我有一些生成的CSS，想使用一些CSS可以选择例如 使用和忽略。类似于： 我可以生成更多的类，但想知道CSS是否可行。 问题答案： 您不能使用这样的通配符，但是要获得所需的结果（ID以开头和以结束），可以改用属性starts-with和ends-with选择器，如下所示： 记住，通过链接这样的多个属性选择器（以及类型选择器），您将对所有这些属性选择器进行同一个AND匹配。

问题内容： 做这样的事情的语法是什么： 基本上，我想选择具有属性和属性的元素： 元件如以下应该 没有 被选择： 问题答案： 简单会很好。它实际上在标准文档中有很好的描述： 可以使用多个属性选择器来引用元素的多个属性，甚至可以多次引用同一属性。 在此，选择器匹配所有SPAN元素，这些元素的“ hello”属性的值恰好为“ Cleveland”，而其“再见”属性的值恰好为“ Columbus”： 附带

问题内容： 我正在尝试绘制一个带有边框半径的圆并为其设置动画。我可以这样做，但是我不能做的是覆盖元素并将圆形背景设置为透明，而无需取消隐藏蒙版。我无法使它在元素上透明，因为在旋转模拟模仿效果时，需要应用遮罩以隐藏圆的左半部分。 HTML CSS 在我的示例中，我需要将蓝色背景更改为透明，在开始旋转之前不取消隐藏边框半径。 请原谅这些颜色，这些不是我要使用的颜色，但是可以提供一种更清晰的解决方法。

问题内容： 我对媒体查询世界还很陌生，很明显，宽度和设备宽度之间的差异让我遗漏了一些基本知识，除了它们明显的定位能力之外。 我想同时针对具有相同断点的常规计算机和设备，因此我只将所有最小和最大宽度查询都复制到了最小设备和最大设备宽度查询中。无论出于何种原因，当我添加- device对应项时，常规计算机对CSS的解释都大不相同，因此我不确定自己做错了什么。 您可以在这里看到效果（这是应该的样子） 此

问题内容： 正如这个问题所观察到的，新添加的元素上的CSS过渡立即被忽略了-过渡的结束状态立即被呈现。 例如，给定此CSS（此处省略前缀）： 此元素的不透明度将立即设置为1： 我已经看到了触发过渡以获得预期行为的几种方法： 相同的方法适用于原始JS DOM操作-这不是jQuery特定的行为。 编辑-我正在使用Chrome 35。 为什么忽略附加元素上的即时CSS动画？ 这些方法如何以及为什么起作用

问题内容： 我已经在这个问题上寻找了一段时间，但没有找到直接的答案。在元素上添加边距顶部时，在我的情况下，它通常与标题一起发生。在许多情况下，与父母共享边际收益。 HTML CSS 前面的代码的结果还将为div添加margin-top，就像我们有以下内容一样： 解决此问题的一种方法是添加 到父项，在这种情况下，div css具有： 尽管前面的示例解决了该问题，但是对我来说还不清楚 为什么？ 。这与

问题内容： 我在一些Apple网站上注意到了这些网站.它们具有使用最近发布的WebKit滚动条CSS的自定义滚动条。但是，我根本无法复制它。有什么想法怎么做？我在这里有一个测试站点，但是我得到了默认的滚动条？谢谢 问题答案： 苹果正在使用以下CSS怪物：

问题内容： 我正在使用Google Chrome浏览器的元素检查器检查网页上的元素，并且某些CSS规则（似乎已应用）显示为灰色。删除线似乎表明已覆盖规则，但是样式变灰是什么意思？ 问题答案： 对我来说，当前的答案并不能完全解释问题，所以我添加了这个答案，希望对其他人有用。 变灰/变暗了文本，可能意味着 无论是 这是浏览器适用的默认规则/属性，其中包括默认的速记属性。 它涉及到继承，继承要复杂一些。

问题内容： 我正在尝试创建一系列只能水平滚动的照片。 它应该看起来像这样的 但是，只有通过指定包含照片的的宽度，才能实现上述目的（因此它们不会“自动换行”）。如果我不放宽- 看起来像这样； 使用CSS可以防止固定宽度的图像发生变化，该怎么办。 谢谢 问题答案： 您可以使用与。这样写：

问题内容： 这是我的 owl/动画的JSFIDDLE，没有任何清楚显示的问题 。据我了解，这是由引起的， 可能是由于引起的。 drop-shadows border-radius overflow: hidden; owl不是这个问题的意思，只是我所遇到的类似情况的一个示例。jsfiddle / cat是这个问题的意思，对不起， 混淆！ 这是我的猫的JSFIDDLE，具有使用blura属性的插入框

问题内容： 我无法获得CSS生成的内容可用于元素： 有没有人有一个解决方案 实际 工作？提前致谢。 问题答案： 您可以使用jQuery的函数来访问它。 例 这是一个示例，向我展示了如何将css应用于通常在屏幕左上方找到的jQuery徽标。请注意，它必须是相同的域/端口等，因此这就是我的示例在iframe中使用jsfiddle的原因。

问题内容： 嗨，我正在使用多个平板电脑设备，iPad，Galaxy Tab，Acer Iconia，LG 3D Pad等。 iPad-1024 x 768 LG Pad-1280 x 768 Galaxy Tab-1280 x 800 我只想使用CSS3媒体查询来定位iPad。由于LG和iPad的设备宽度是768像素-我在分离每个设备时遇到了麻烦。 我已尝试将以下内容分开，但似乎无法正常工作： 我

问题内容： 我正在用CSS过渡在鼠标悬停时从右到左设置一个容器动画。在InternetExplorer以外的所有浏览器中，此功能均正常运行。原因是我在CSSleft属性中使用了（并且需要使用）calc（）。 CSS看起来像这样： 我正在使用jQuery在mouseover上添加.translate-less类： 现在，我想在Internet Explorer中顺利过渡。为此，我什至放弃了这些特定浏

问题内容： 我一直在寻找一种仅使用CSS3单击位于页面顶部的按钮时向下滚动的方法。 但这对于我的需求而言有点太先进了，因为我只希望浏览器单击页面顶部的一个按钮即可向下滚动，所以我想知道：是否可以在没有输入按钮的情况下进行那些CSS滚动，有锚标签？ HTML看起来像这样： 我已经有一些CSS，需要在单击按钮时触发： 问题答案： 您可以使用css3 伪选择器使用锚标记来完成此操作，当与当前URL哈希具

问题内容： 在上面的示例中，的不透明度由子元素继承，导致文本几乎变得不可读。我想说它是继承的是错误的，不透明度应用于父div，而子元素是其中的一部分，因此尝试从子元素覆盖它是行不通的，因为从技术上讲，它们是不透明的。 在这种情况下，我通常只使用alpha png背景图像，但是今天我想知道是否有更好的方法可以使div的背景半透明而不影响内容。 问题答案： 您可以使用rgba（）。 要使其在旧的Int