你知道：有CSS选择器吗？

把这个放在你现在还不需要知道的东西下面，但是我认为:hasCSS选择器将会对我们将来如何编写CSS有很大的影响。事实上，如果它曾经在浏览器中发布过，我认为它打破了我对CSS基本工作原理的思维模式，因为它将是CSS中父选择器的第一个例子。在我解释之前，让我们看一个例子： div:has(p) {background: red;}p>尽管现在的任何浏览器都不支持它，但这行CSS将改变背景如果一个div中有一个段落的话。因此，如果div中没有段落，那么这些样式就不适用了。这很方便，但却异常怪异，对吧？这里是另一个例子： div:has(+ div) {color: blue; } 这个CSS只适用于任何直接有另一个div跟随它的div，我认为:has的方式是这样的：它是一个父选择器伪类。这就是CSS所说的\"如果父元素后面有一个子元素或另一个元素，它可以让你改变父元素\"，这对我来说太奇怪了，因为它破坏了我对CSS工作方式的思维模式。这就是我习惯于思考CSS的方式： /* Not valid CSS, just an illustration */.parent {.child {color: red;}}p>您只能在父级和子级之间设置向下的样式，但不能在树上设置向上的样式。:has完全改变了这一点，因为到目前为止，CSS中还没有父选择符，而且有一些很好的原因。由于浏览器解析HTML和CSS的方式，如果满足某些条件，选择父类可能会导致各种性能问题。但是，如果我只是坐下来考虑我今天可能使用:has的所有方式，我会有点头疼。它将打开这个潘多拉盒子的机会从来没有可能与CSS单独。好的，最后一个例子：假设我们只想将样式应用于其中包含图像的链接： a:has(> img) {border: 20px solid white;} 这会不时有所帮助。我还可以看到:has被用于根据元素的内容有条件地添加边距和填充。虽然目前浏览器不支持:has（可能是因为这些性能原因），但它是CSS选择器第4级规范的一部分，该规范具有非常有用的:not伪类。与:has不同，:not有相当不错的浏览器支持，前几天我第一次使用它： ul li:not(:first-of-type) {color: red;}CodePen Embed Fallback 太棒了，我还喜欢它的可读性；你不必看过这行代码就能理解它的功能。你可以使用:not的另一种方法是边距： ul li:not(:last-of-type) {margin-bottom: 20px;} 因此，不是最后一项的每个元素都有边距。如果卡中有一堆元素，这很有用，例如：CodePen Embed Fallback CSS Selectors Level 4也是同一个规范，它有:is选择器，可以在今天的许多浏览器中使用： :is(section, article, aside, nav) :is(h1, h2, h3, h4, h5, h6) {color: #BADA55;}/* ... which would be the equivalent of: */section h1, section h2, section h3, section h4, section h5, section h6, article h1, article h2, article h3, article h4, article h5, article h6, aside h1, aside h2, aside h3, aside h4, aside h5, aside h6, nav h1, nav h2, nav h3, nav h4, nav h5, nav h6 {color: #BADA55;} 这样就可以了！:has今天可能没什么用处，但是它的表亲:is和:not已经非常有用了，这只是一个小小的一瞥-–只是这个新规范中提供的三个CSS伪类

你知道：有CSS选择器吗？

admin_action_{$_REQUEST[‘action’]}

admin_footer-{$GLOBALS[‘hook_suffix’]}

customize_save_{$this->id_data[‘base’]}

customize_value_{$this->id_data[‘base’]}

get_comment_author_url

network_admin_edit_{$_GET[‘action’]}

network_sites_updated_message_{$_GET[‘updated’]}

pre_wp_is_site_initialized

WordPress 的SEO 教学：如何在网站中加入关键字（Meta Keywords）与Meta 描述（Meta Description）？

谷歌的SEO是什么