|
|
| 第1行： |
第1行： |
| /* 这里放置的CSS将应用于所有皮肤 */
| |
| /* 为含有嵌套列表（二级菜单）的 li 元素添加样式 */
| |
| #p-navigation .portal li.has-submenu {
| |
| position: relative;
| |
| cursor: pointer;
| |
| }
| |
| #p-navigation .portal li.has-submenu::after {
| |
| content: '▶'; /* 一个向右的箭头 */
| |
| position: absolute;
| |
| right: 8px;
| |
| font-size: 0.8em;
| |
| transition: transform 0.2s;
| |
| }
| |
| #p-navigation .portal li.has-submenu.active::after {
| |
| content: '▼'; /* 点击后变成向下的箭头 */
| |
| }
| |
|
| |
|
| /* 默认隐藏二级菜单 (ul) */
| |
| #p-navigation .portal li.has-submenu ul {
| |
| display: none;
| |
| margin-left: 10px;
| |
| }
| |
| /* 当主菜单项被激活时，显示二级菜单 */
| |
| #p-navigation .portal li.has-submenu.active ul {
| |
| display: block;
| |
| }
| |