修改md不适用的style标签

This commit is contained in:
huihut 2020-04-18 21:44:54 +08:00
parent fb38e30e40
commit bd3f8b94d4
2 changed files with 16 additions and 86 deletions

View File

@ -1,46 +1,11 @@
<style> <nav style="margin: 0px 40px 0 0;position: absolute;right: 0;text-align: right;z-index: 10;">
.app-nav { <ul style="display: inline-block;list-style: none;margin: 0;">
margin: 0px 40px 0 0; <li style="display: inline-block;margin: 0 1rem;padding: 5px 0;position: relative;cursor: pointer;">
position: absolute; <a href="https://github.com/huihut/interview" style="color: inherit;font-size: 16px;text-decoration: none;transition: color .3s;">简体中文</a>
right: 0; </li>
text-align: right; <li style="display: inline-block;margin: 0 1rem;padding: 5px 0;position: relative;cursor: pointer;">
z-index: 10; <a href="README_en.md" style="color: inherit;font-size: 16px;text-decoration: none;transition: color .3s; border-bottom: 2px solid var(--theme-color,#42b983); color: var(--theme-color,#42b983);">English</a>
} </li>
.app-nav li, .app-nav ul {
display: inline-block;
list-style: none;
margin: 0;
}
.app-nav li {
display: inline-block;
margin: 0 1rem;
padding: 5px 0;
position: relative;
cursor: pointer;
}
.app-nav a {
color: inherit;
font-size: 16px;
text-decoration: none;
transition: color .3s;
}
.app-nav a.active {
border-bottom: 2px solid var(--theme-color,#42b983);
}
.app-nav a.active, .app-nav a:hover {
color: var(--theme-color,#42b983);
}
</style>
<nav class="app-nav">
<ul>
<li><a href="/" class="active">简体中文</a></li>
<li><a href="README_en.md">English</a></li>
</ul> </ul>
</nav> </nav>

View File

@ -1,46 +1,11 @@
<style> <nav style="margin: 0px 40px 0 0;position: absolute;right: 0;text-align: right;z-index: 10;">
.app-nav { <ul style="display: inline-block;list-style: none;margin: 0;">
margin: 0px 40px 0 0; <li style="display: inline-block;margin: 0 1rem;padding: 5px 0;position: relative;cursor: pointer;">
position: absolute; <a href="https://github.com/huihut/interview" style="color: inherit;font-size: 16px;text-decoration: none;transition: color .3s; border-bottom: 2px solid var(--theme-color,#42b983); color: var(--theme-color,#42b983);">简体中文</a>
right: 0; </li>
text-align: right; <li style="display: inline-block;margin: 0 1rem;padding: 5px 0;position: relative;cursor: pointer;">
z-index: 10; <a href="README_en.md" style="color: inherit;font-size: 16px;text-decoration: none;transition: color .3s;">English</a>
} </li>
.app-nav li, .app-nav ul {
display: inline-block;
list-style: none;
margin: 0;
}
.app-nav li {
display: inline-block;
margin: 0 1rem;
padding: 5px 0;
position: relative;
cursor: pointer;
}
.app-nav a {
color: inherit;
font-size: 16px;
text-decoration: none;
transition: color .3s;
}
.app-nav a.active {
border-bottom: 2px solid var(--theme-color,#42b983);
}
.app-nav a.active, .app-nav a:hover {
color: var(--theme-color,#42b983);
}
</style>
<nav class="app-nav">
<ul>
<li><a href="/">简体中文</a></li>
<li><a href="README_en.md" class="active">English</a></li>
</ul> </ul>
</nav> </nav>