Chris Coyier

您是否看过 这就是水？很棒。它关于 *选择* 不同地思考，尤其是在感到沮丧时。我一直都在想它。例如，每次有人在路上超车我时，我都会认为他们是……

在这个视频中，我滔滔不绝地谈论了我所处的特定“现实世界”情况，涉及我如何处理 CodePen 聚会 页面。

在 CodePen 聚会的最初几天，我们只计划了一个。它是……

通过 Alex King，您可以使用变量来选择器

$a-tags: 'a, a:active, a:hover, a:visited';
$a-tags-hover: 'a:active, a:hover';
 
#{$a-tags} {
  color: red;
  text-decoration: none;
}
#{$a-tags-hover} {
  color: blue;
}

您甚至可以像这样嵌套，这就是它变得……的地方

去年年底有一个有趣的趋势，即公司发布了它们对 CSS 的方法。涉及的工具、方法、思想以及背后的数据和数字。Mark Otto 开始，……

Matt Mastracci 关于以有趣的方式组合现有的位置选择器以创建您可能从未想到过的逻辑。例如，使用以下方法选择所有元素 *只有当它们有五个时*，

span:first-child:nth-last-child(5),
span:first-child:nth-last-child(5) ~ span { 
  /* select 

在您的项目中保持所有选择器的 CSS 特定性 低是一个值得的目标。它通常表示事物处于相对和谐状态。您不会与自己作斗争，并且在……时有足够的空间来覆盖样式

您通常需要一些透明的黑色或白色。在 CSS 中，您可以执行以下操作

.half-black {
  background: rgba(0, 0, 0, 0.5);
}

在 Sass 中更容易，您可以在其中替换颜色名称

.half-black {
  background: 

我发现自己总是将这些属性一起使用，这通常是抽象（如 Mixin）的良好机会

@mixin coverer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

例如，一个全页……

假设父元素具有 position: relative;，这四个属性将使子元素在水平和垂直方向上居中，无论它们的宽度或高度是多少。

@mixin centerer {
  position: absolute;
  top: 50%;
  left: 50%;