什么是:水平和:垂直伪选择器?

时间:2014-09-24 18:18:15

标签: css visual-studio css-selectors

我在Visual Studio中编写了一些CSS,在编写伪选择器时,代码工具提示建议:horizontal,所以我注意到有一个伪:horizontal:vertical

Visual Studio 2013 - 12.0.21005.1

enter image description here

这个选择器是什么,我什么时候使用它?

它不会出现在MDN Pseudo-Classes Docs标准选择器上......

3 个答案:

答案 0 :(得分:5)

是否适用于webkit中的自定义滚动条:

访问此BLOG


:horizontal - 水平伪类适用于任何具有水平方向的滚动条。

:vertical - 垂直伪类适用于任何具有垂直方向的滚动条。


:decrement - 减量伪类适用于按钮和曲目片段。它指示按钮或轨道件在使用时是否会减小视图的位置(例如,在垂直滚动条上,在水平滚动条上)。

:increment - 增量伪类适用于按钮和轨道片段。它指示按钮或轨道件在使用时是否会增加视图的位置(例如,向下在垂直滚动条上,在水平滚动条上)。

:start - start伪类适用于按钮和轨道片段。它指示对象是否放在拇指之前。

:end - 结束伪类适用于按钮和轨道片段。它表示对象是否放在拇指之后。

:double-button - 双按钮伪类适用于按钮和曲目片段。它用于检测按钮是否是滚动条同一端的一对按钮的一部分。对于曲目片,它表示曲目片是否与一对按钮相邻。

:single-button - 单按钮伪类适用于按钮和曲目片段。它用于检测按钮是否单独位于滚动条的末尾。对于曲目片段,它指示曲目片段是否与单个按钮相邻。

:no-button - 适用于跟踪片段并指示轨道片是否运行到滚动条的边缘,即轨道的那一端没有按钮。

:corner-present - 适用于所有滚动条片段并指示是否存在滚动条角落。

:window - 无效 - 适用于所有滚动条片段,并指示包含滚动条的窗口当前是否处于活动状态。 (在最近的夜晚,这个伪类现在也适用于:: selection。我们计划扩展它以适用于任何内容,并将其作为新的标准伪类提出。)

enter image description here

答案 1 :(得分:4)

它们是用于滚动条的选择器。它们特定于WebKit。

答案 2 :(得分:3)

似乎是一个仅限WebKit的创作

  

:horizo​​ntal - 水平伪类适用于任何滚动条   具有水平方向的碎片。

     

:vertical - 垂直伪类适用于任何滚动条片段   有垂直方向。

我找到了对这些伪类herehere的引用。