意外CSS重置

每当在CSS中使用速记属性时，都要为它处理的所有属性设置值。它不是一个bug，它只是CSS的工作方式。我见过很多次它让人迷惑。让我们来看看这个问题，希望能让大家更了解它。这里有一个例子： .module {background-repeat: no-repeat;background: url(lion.jpg);/* Oops! This will repeat. */} 速记CSS background属性覆盖了所有的sup属性。background repeat的默认值是repeat，因此，如果不以简写形式声明它，它将被设置为默认值。它对每个background子属性都是这样工作的： .module {/* This will get set to `repeat` */background-repeat: no-repeat;/* This will get set to `0 0` */background-position: top right;/* This will get set to `auto auto` */background-size: 100px;/* This will get set to `scroll` */background-attachment: fixed;/* This will get set to `border-box` */background-origin: content-box;/* This will get set to `border-box` */background-clip: padding-box;/* This will get set to `transparent` */background-color: red;/* This will get overridden */background-image: url(cool.png);/* OVERRIDE */background: url(lion.jpg);} 这是box model（和相关的）的情况，例如： .module {margin-right: 20px;margin: 10px;/* margin-right will be 10px now */padding-top: 30px;padding: 10px;/* padding-top will be 10px now */border-left: 1px;border: 0;/* border-left will be removed */} 字体是另一种情况，您可以可能会意外地重置自己： p {/* Will get reset to what is set in shorthand (required) */font-family: Sans-Serif;/* Will get reset to what is set in shorthand (required) */font-size: 24px;/* Will get reset to `normal` */line-height: 2;/* Will get reset to `normal` */font-style: italic;/* will get reset to `normal` */font-weight: bold;/* will get reset to `normal` */font-variant: small-caps;/* OVERRIDE */font: 16px Serif;} 请注意，速记至少需要字体系列和字体大小才能工作。列表是另一个： ul {/* Will get reset to what is set in shorthand */list-style-type: square;/* Will get reset to `outside` */list-style-position: inside;/* Will get reset to `none` */list-style-image: url(cooldot.png);/* OVERRIDE */list-style: disc;} 作为flexbox布局的一部分的flex属性也是速记： .flex >span {/* Will be reset to `auto` (or `main-size` if supported) */flex-basis: 150px;/* Will be reset to `1` */flex-grow: 0;/* Will be reset to `1` */flex-shrink: 0;/* OVERRIDE */flex: auto;} 这是一个不寻常的设置，而不是速记重置你可能不想重置的东西，它重置它们的方式你可能真的想重置，甚至可能不知道。幻想曲：我们（Flexbox规范编辑器）强烈建议不要使用\"flex\"的长柄，除非你真的，真的想从其他样式规则中级联flex设置，所以我建议在这里不使用\"flex grow/shrink/basis\"（或者，最好不要使用它/在高级部分）。速记以适当的方式重置内容，因此会导致较少的级联错误。请用速记法！这里有一支笔，里面有一些真实代码

意外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是什么