《css》专题

问题内容： 我需要在父div上加上圆角以掩盖其子级的内容。在简单的情况下可以正常工作，但是当父级相对或绝对定位时，基于webkit的浏览器和Opera会中断。 这适用于Firefox和IE9： CSS HTML 谢谢您的帮助！ 更新： 导致此问题的错误已在Chrome中修复。我还没有重新测试Opera或Safari。 问题答案： 没关系，每个人，我设法通过在包装器和包装盒之间添加一个额外的div来

问题内容： 有序列表能否使用CSS生成看起来像1.1、1.2、1.3（而不是仅仅1，2，3，…）的结果？到目前为止，使用仅产生了1、2、3，而不是1.1、1.2、1.3。 问题答案： 您可以使用计数器来这样做： 以下样式表编号嵌套列表项，如“ 1”，“ 1.1”，“ 1.1.1”等。 例

问题内容： 是否可以在CSS中设置属性值？目前，我正在做的是： 我希望它像这样 我想 不 使用CSS中的或属性来执行此操作。 问题答案： 使用。 完整的工作解决方案（）： 经过测试和工作： Chrome14.0.835.163 Safari 4.0.5 Opera 10.6 经过测试， 无法 正常工作： FireFox 40.0.2（观察开发人员网络工具，您可以看到已加载URL，但未显示图像） I

问题内容： 我正在为网格使用以下HTML标记。 SCSS代码如下所示： 由于我在工作流程中使用自动前缀，因此会自动添加所有带有前缀的相关属性。我可以通过检查元素确认。 现在，问题是此代码在Chrome，Firefox和Opera中运行正常，但是当我在MicrosoftEdge或IE11中打开此页面时，所有网格项在第一个单元格处都相互重叠。根据该站点的介绍，这些浏览器支持带前缀的CSS网格布局。我已

问题内容： 我正在使用具有备用行颜色的表。 在这里，我使用class ，但是我只想使用。当我将类用于表时，这适用于替代方法。 我可以使用CSS这样编写HTML吗？ 如何使用CSS使行具有“斑马条纹”？ 问题答案： $(document).ready(function() 有一个CSS选择器，实际上是一个伪选择器，称为nth-child。在纯CSS中，您可以执行以下操作： 注意： IE 8不支持。

问题内容： 我想显示具有特定宽度和高度的URL的图像，即使它 具有不同的尺寸比例。所以我想调整大小（保持比例）， 然后将图像切成我想要的大小。 我可以使用html img属性调整大小，也可以使用剪切background-image。 我该怎么办？ 例： 这个图片： 具有800x600像素大小，我想显示为200x100 像素图像 通过img我可以调整图像大小200x150px： 这给了我这个： 而且

问题内容： 我要两个紧挨着。右边大约200px；并且左侧必须填满屏幕的其余宽度？我怎样才能做到这一点？ 问题答案： 您可以使用 flexbox 布置物品： 这基本上只是刮擦flexbox的表面。Flexbox可以做很多令人惊奇的事情。 对于较旧的浏览器支持，可以使用CSS float 和 width 属性来解决它。

问题内容： 我有一个非常奇怪的问题……在每个浏览器和移动版本中，我都遇到了以下问题： 加载页面时，所有浏览器都有一个顶部菜单（例如，显示地址栏），当您开始滚动页面时，该菜单会向上滑动。 有时 仅在视口的可见部分计算100vh ，因此当浏览器栏向上滑动时100vh会增加（以像素为单位） 由于尺寸已更改，所有布局都会重新绘制和重新调整 对用户体验的不良影响 如何避免这个问题？当我第一次听说viewpo

问题内容： 在Firefox 3和Google Chrome 8.0中，以下功能可以正常运行： 但是当元素为时不是这样： 为什么它不按我的预期工作？ 问题答案： 使用和指定要在该元素内部 的内容 之前（或之后）插入 的内容 。元素没有内容。 例如，如果你写的（这是错误的），浏览器会纠正这一点，并把文字 后 输入元素。 您唯一可以做的就是将每个输入元素包装在span或div中，然后将CSS应用于这些

问题内容： 我只想自行选择一个名为.date的类 由于某种原因，我无法使它正常工作。如果有人知道我的代码出了什么问题，将不胜感激。 问题答案： 我想写这个问题的规范答案，因为上面的答案有问题。 我们的问题 该 CSS 选择器： 将选择具有 foo 类的任何元素。 您如何在XPath中做到这一点？ 尽管XPath比CSS强大，但是 XPath没有CSS类选择器的本机等效项 。但是，有一个解决方案。

问题内容： 是否可以通过CSS5的HTML5数据属性（例如）来选择元素？ 问题答案： 如果您想使用属性选择器，请确定为什么： 我可以链接到文档中介绍各种可用于各种场景的属性选择器。请注意，尽管自定义数据属性是“新的HTML5功能”， 浏览器通常在支持非标准属性方面没有任何问题，因此您应该能够使用属性选择器对其进行过滤；和 您也不必担心CSS验证，因为CSS不在乎非命名空间的属性名称，只要它们不破坏

问题内容： 是否可以使用CSS选择特定的网格列或行？ 例如，假设我有一个3行2列的CSS网格布局：。如何从第二列中选择所有元素？例如：（仅是我的主意，无效的代码）。 我已经尝试过在元素上使用选择器，但是当网格布局引擎自动放置项目时，这不允许我指定行或列。 问题答案： CSS无法实现。 CSS针对HTML元素，属性和属性值。 网格列和行没有这些“挂钩”。 您必须直接定位网格项目。 你写了： 例如，假

问题内容： 我知道将block元素放入内联元素中是错误的，但是接下来呢？ 想象一下这个有效的标记： 现在添加此CSS： 这会导致内联元素包含block元素的情况（默认情况下div变为内联，而p为block） 页面元素仍然有效吗？ 在应用CSS规则之前或之后，我们如何以及何时判断HTML是否有效？ 更新： 从那以后，我了解到在HTML5中将块级元素放在链接标记中是完全有效的，例如： 如果您想将很大的

问题内容： IE8是否不支持以下CSS媒体查询： 如果没有，替代的写作方式是什么？在Firefox中也可以正常工作。 下面的代码有问题吗？ 问题答案： IE9之前的Internet Explorer版本 不支持媒体查询 。 如果您正在寻找一种 降低 IE8用户设计水平的方法，则可能会发现IE的条件注释很有用。使用此功能，可以指定特定于IE 8/7/6的样式表，该样式表将覆盖以前的规则。 例如： 这

问题内容： 我想编写一个CSS选择器规则，以选择 没有 特定类的所有元素。例如，给定以下HTML： 我想编写一个选择器来选择所有没有“可打印”类 的 元素，在这种情况下，它们是 导航 和元素。 __ 这可能吗？ 注意：在实际的HTML中，我想使用它的地方将比 不 包含“可打印的”类的元素多得多（在上面的示例中，我发现这是另一种方式）。 问题答案： 通常，您将类选择器添加到伪类中，如下所示： 但是，