fix: 修正选择器的真正含义 update css.md (#51) 82457e896e

This commit is contained in:
jaywcjlove
2022-11-12 04:39:40 +00:00
parent a7e70e0150
commit 52ce4fd396
2 changed files with 10 additions and 8 deletions

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 647 KiB

After

Width:  |  Height:  |  Size: 675 KiB

View File

@ -262,7 +262,7 @@
<table><thead><tr><th align="left">选择器</th><th align="left">说明</th></tr></thead><tbody><tr><td align="left"><code>div.classname</code></td><td align="left">具有特定类名的 div</td></tr><tr><td align="left"><code>div#idname</code></td><td align="left">具有特定 ID 的 div</td></tr><tr><td align="left"><code>div p</code></td><td align="left">div 中的段落</td></tr><tr><td align="left"><code>div > p</code></td><td align="left">div 子节点中的所有 <code>P</code> 标签</td></tr><tr><td align="left"><code>div + p</code></td><td align="left">div 之后的 <code>P</code> 标签</td></tr><tr><td align="left"><code>div ~ p</code></td><td align="left">div 前面的 <code>P</code> 标签</td></tr></tbody></table>
<table><thead><tr><th align="left">选择器</th><th align="left">说明</th></tr></thead><tbody><tr><td align="left"><code>div.classname</code></td><td align="left">具有特定类名的 div</td></tr><tr><td align="left"><code>div#idname</code></td><td align="left">具有特定 ID 的 div</td></tr><tr><td align="left"><code>div p</code></td><td align="left">div 中的所有段落</td></tr><tr><td align="left"><code>div > p</code></td><td align="left">父元素是 div 的 <code>P</code> 标签</td></tr><tr><td align="left"><code>div + p</code></td><td align="left">div 之后的第一个同级 <code>P</code> 标签</td></tr><tr><td align="left"><code>div ~ p</code></td><td align="left">div 之后所有的同级 <code>P</code> 标签</td></tr></tbody></table>
<p>另见: <a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/Adjacent_sibling_combinator">相邻兄弟</a> / <a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/General_sibling_combinator">通用兄弟</a> / <a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/Child_combinator"></a> 选择器</p>
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="属性选择器-1"><a aria-hidden="true" tabindex="-1" href="#属性选择器-1"><span class="icon icon-link"></span></a>属性选择器</h3><div class="wrap-body">