加 !important 提高 CSS 的优先级。
这是我的片段代码:
.frontmatter-section-tags .tag, .tag{
background-color: hsl(211,100%,50%);
border: none !important;
color: white !important;
font-size: 11px !important;
padding: 1px 8px !important;
text-align: center !important;
text-decoration: none !important;
display: inline-block !important;
margin: 0px 4px !important;
cursor: pointer !important;
border-radius: 14px !important;
}
.tag[href^="#FinTech"] {
background-color: #43d8c9;
}
.tag[href^="#Highlight"]{
background-color: #dd7631;
}
.tag[href^="#Important"] {
background-color: #f67280;
}
.tag[href^="#Book"], .tag[href^="#Git"] {
background-color: #ffa41b;
}