加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
styles.css 1.04 KB
一键复制 编辑 原始数据 按行查看 历史
张元基 提交于 2024-11-10 12:49 . zhang
/* 类别选择器 */
.tech-dept {
background-color: #e0f7e9;
padding: 10px;
margin-bottom: 20px;
}
.marketing-dept {
background-color: #e3f2fd;
padding: 10px;
margin-bottom: 20px;
}
.hr-dept {
background-color: #ffe0b2;
padding: 10px;
margin-bottom: 20px;
}
/* 限制和不限制的 ID 选择器 */
#special-employee {
border: 2px solid #8e24aa;
background-color: #f5f5f5;
padding: 10px;
}
/* 后代选择器 */
.dept employee-card {
color: #424242;
padding: 10px;
border-bottom: 1px solid #e0e0e0;
}
/* 并集选择器 */
.tech-dept, .marketing-dept {
font-family: Arial, sans-serif;
line-height: 1.5;
}
/* 伪类选择器 */
.employee-card:hover {
background-color: #fff9c4;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.employee-card:nth-child(odd) {
background-color: #f5f5f5;
}
/* 伪类和类别选择器组合 */
.high-rating:hover {
color: #ffd700;
font-weight: bold;
text-decoration: underline;
}
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化