这是css中的自定义滚动条
/* Gmail style scrollbar */
::-webkit-scrollbar {
width: 12px
}
::-webkit-scrollbar-thumb {
border-width: 1px 1px 1px 2px
}
::-webkit-scrollbar-track {
border-width: 0
}
::-webkit-scrollbar {
height: 16px;
overflow: visible;
width: 16px;
}
::-webkit-scrollbar-button {
height: 0;
width: 0;
}
::-webkit-scrollbar-track {
background-clip: padding-box;
border: solid transparent;
border-width: 0 0 0 4px;
}
::-webkit-scrollbar-track:horizontal {
border-width: 4px 0 0
}
::-webkit-scrollbar-track:hover {
background-color: rgba(220, 172, 0, .05);
box-shadow: inset 1px 0 0 rgba(220, 172, 0, .1);
}
::-webkit-scrollbar-track:horizontal:hover {
box-shadow: …我有几个div并且都是红色的,我使用'red'作为类名.但是在div中我想要应用额外的类,比如class ="red active"来给出选择的div额外的风格.
为什么这不起作用
.red{
background: red;
}
.red .active{
background: green;
}