将Webkit滚动条样式应用于指定元素
我是一个以双冒号为前缀的伪元素的新手。我碰到了一篇博客文章，讨论仅使用某些Webkit CSS的滚动条样式。伪元素CSS可以应用于单个元素吗？
/* This works by applying style to all scroll bars in window */
::-webkit-scrollbar {
width: 12px;
}
/* This does not apply the scrollbar to anything */
div ::-webkit-scrollbar {
width: 12px;
}
在这个小提琴中，我想使div的滚动条自定义，但是主窗口的滚动条保持默认状态。
问题答案：
你的想法是正确的。但是，div ::-webkit-scrollbar后面带有空格的表示法div实际上与div *::-webkit- scrollbar; 相同。这个选择器的意思是“里面任何元素的滚动条<div>”。使用div::-webkit-scrollbar。
-
问题内容： 我有一个现有的网站，上面有很多用表格布置的旧页面和表格，我正尝试逐步过渡到CSS。我想使用Twitter Bootstrap样式表-特别是表单样式- 但仅在我明确要求它们的页面部分中使用。例如，我可能将整个表单围绕在div中，如下所示： 我希望所有其他形式保持与现在相同，因为我将无法同时更改所有形式。有没有简单的方法可以做到这一点？我可以遍历Bootstrap CSS中的每种样式，并添
-
问题内容： 是否可以为元素定义CSS样式，仅在匹配的元素包含特定元素（作为直接子项）时才适用？ 我认为最好用一个例子来解释。 注意 ：我正在尝试设置 父元素的样式 ，具体取决于其包含的子元素。 注意2 ：我知道我可以使用javascript来实现，但是我只是想知道是否可以使用一些（对我而言）未知的CSS功能。 问题答案： 据我所知，基于子元素设计父元素的样式不是CSS的可用功能。您可能需要为此编写
-
问题内容： 我有一个元素。如何将CSS样式应用于此元素的所有子元素？我只想将样式应用于子元素。不是它的大孩子。 我可以用 这对所有孩子都有效，但我想对所有孩子都适用的解决方案。我以为我可以用，但是 不起作用。 编辑 该选择不使用Firefox 26应用规则，并有根据萤火没有其他规则的保证金。如果我替换为，它会起作用。 问题答案： 这些子元素的后代将（可能）继承分配给那些子元素的大多数样式。 您需要
-
问题内容： 我想将CSS文件应用于页面中的具体DIV。这是页面结构： 我试图应用CSS文件的规则来编辑它（CSS文件太大）： 但是该解决方案不起作用。那么，我该怎么做呢？ 问题答案： 您可以尝试： 等等，这就是您想要的吗？
-
问题内容： 如何定义跨浏览器的CSS滚动条样式？我测试了此代码，它仅在IE和Opera中起作用，但在Chrome，Safari和Firefox中失败。 问题答案： 滚动条CSS样式是Microsoft开发人员发明的一种奇怪方法。它们不是CSS的W3C标准的一部分，因此大多数浏览器只是忽略它们。