buyfakett/reference
1
0
Fork 0
mirror of https://github.com/jaywcjlove/reference.git synced 2025-06-19 21:51:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

doc: update css.md. ce02da885e

Browse Source
This commit is contained in:
jaywcjlove
2022-10-30 15:14:22 +00:00
parent f3e8ebf102
commit 08008df98a
1 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
docs/css.html
View File

@ -334,6 +334,16 @@
<table><thead><tr><th align="left">选择器</th><th align="left">说明</th></tr></thead><tbody><tr><td align="left"><code>a:link </code></td><td align="left">链接正常 <a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/:link">#</a></td></tr><tr><td align="left"><code>a:active </code></td><td align="left">链接处于点击状态 <a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/:active">#</a></td></tr><tr><td align="left"><code>a:hover </code></td><td align="left">鼠标悬停链接 <a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/:hover">#</a></td></tr><tr><td align="left"><code>a:visited </code></td><td align="left">访问链接 <a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/:visited">#</a></td></tr></tbody></table> <table><thead><tr><th align="left">选择器</th><th align="left">说明</th></tr></thead><tbody><tr><td align="left"><code>a:link </code></td><td align="left">链接正常 <a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/:link">#</a></td></tr><tr><td align="left"><code>a:active </code></td><td align="left">链接处于点击状态 <a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/:active">#</a></td></tr><tr><td align="left"><code>a:hover </code></td><td align="left">鼠标悬停链接 <a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/:hover">#</a></td></tr><tr><td align="left"><code>a:visited </code></td><td align="left">访问链接 <a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/:visited">#</a></td></tr></tbody></table>
<hr>
<pre class="language-css"><code class="language-css code-highlight"><span class="code-line"><span class="token comment">/* 未访问链接 */</span>
</span><span class="code-line"><span class="token selector">a<span class="token pseudo-class">:link</span></span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> <span class="token color">blue</span><span class="token punctuation">;</span> <span class="token punctuation">}</span>
</span><span class="code-line"><span class="token comment">/* 已访问链接 */</span>
</span><span class="code-line"><span class="token selector">a<span class="token pseudo-class">:visited</span></span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> <span class="token color">purple</span><span class="token punctuation">;</span> <span class="token punctuation">}</span>
</span><span class="code-line"><span class="token comment">/* 用户鼠标悬停 */</span>
</span><span class="code-line"><span class="token selector">a<span class="token pseudo-class">:hover</span></span> <span class="token punctuation">{</span> <span class="token property">background</span><span class="token punctuation">:</span> <span class="token color">yellow</span><span class="token punctuation">;</span> <span class="token punctuation">}</span>
</span><span class="code-line"><span class="token comment">/* 激活链接 */</span>
</span><span class="code-line"><span class="token selector">a<span class="token pseudo-class">:active</span></span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> <span class="token color">red</span><span class="token punctuation">;</span> <span class="token punctuation">}</span>
</span></code></pre>
</div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="伪类"><a aria-hidden="true" tabindex="-1" href="#伪类"><span class="icon icon-link"></span></a>伪类</h3><div class="wrap-body"> </div></div></div><div class="wrap"><div class="wrap-header h3wrap"><h3 id="伪类"><a aria-hidden="true" tabindex="-1" href="#伪类"><span class="icon icon-link"></span></a>伪类</h3><div class="wrap-body">