User:Irukaza/common.css
跳到导航
跳到搜索
注意：这类代码页面在保存之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- 按住
CTRL+SHIFT+DEL 或 ⌘-Shift-R来清除缓存！ - 或尝试在地址栏的地址最后添加代码
?_=1来访问最新页面。 - 你还可以在设置中勾选小工具在页面右上角添加清除缓存按钮！
.dropdown {
display: inline-block;
position: relative;
}
.dropdown .btn {
display: inline-block;
}
.dropdown .content {
position: relative;
display: none;
box-shadow: 0 0 4px #dedede;
margin-top: 0.5rem;
}
.dropdown .content:before {
content: '';
position: absolute;
background-color: #fff;
width: 0.5rem;
height: 0.5rem;
left: 50%;
top: -0.25rem;
transform: translateX(-50%) rotate(45deg);
z-index: 0;
box-shadow: 0 0 4px #dedede;
}
.dropdown .content .inner {
position: relative;
background-color: #fff;
padding: 0.2rem 0.4rem;
z-index: 1;
}
.dropdown .content .inner ul {
margin: 0;
padding-left: 0;
list-style: none;
}
.dropdown .content .inner ul li {
display: block;
padding: 0.2rem;
}
.dropdown .content .inner ul li:hover {
background-color: #f0f8ff;
}
.dropdown:hover .content {
display: block;
}