>（此摘录来自Tiffany Brown的css Master ，可在书店和电子书中获得。） 密钥概念： 避免宽阔的选择器：而不是使用Universal（），元素（例如，，）或属性选择器（例如，*），偏爱类Selectors适用于轻巧的可重复使用的CSS。 这样可以防止冲突并减少代码的膨胀。p button[type=checkbox]优先考虑低特异性：保持选择器简洁。避免将类型和类选择器（例如）或链式选择器（例如）组合组合。 这可以提高可重复性和可维护性。 p.error> .message.warning使用描述性类名称：采用语义类名称清楚地传达了规则的目的或其影响的内容（例如，，，，.alert）。这增强了代码理解和适应性设计更改的能力。.error .product-image>将CSS从标记中：使用类选择器，而不是儿童（），后代（`````）或属性选择器，或者属于可行的属性选择器。这允许标记更改，而无需进行CSS修改，促进灵活性。 > 制作干净的CSS：最佳实践 > 这些准则促进了轻巧和可重复使用的CSS： 拒绝全局选择器：全局选择器样式的每个匹配元素网站范围内。 这可能导致冲突，需要在需要变化时广泛的覆盖。 使用类允许针对性的样式。 >>最小化特异性：高特异性（来自复杂的选择器）使样式更难覆盖。 简单，基于班级的选择是可取的。避免链接课程。 拥抱语义类名称：选择描述功能和内容的名称，而不仅仅是视觉样式。这可以确保随着设计的发展而寿命。 取消css和标记：类选择器提供灵活性。 避免过度依赖儿童或后代选择器，将CSS与特定的标记结构联系起来。 >>示例：避免全局选择器 > 考虑基本按钮样式： 如果需要使用不同样式的“ .close”按钮，则必须覆盖多种样式： button { background: #FFC107; /* ... other styles ... */ }登录后复制一种更好的方法是为默认样式使用类： 这减少了代码并避免冲突。.close { background: #e00; /* ... many overrides ... */ }登录后复制 >>示例：避免过度特定的选择器.default-button { background: #FFC107; /* ... other styles ... */ } .close { background: #e00; /* Fewer overrides needed */ }登录后复制> （特异性0,2,0）比（特异性0,1,0）重复使用。 后者可以应用于任何元素。> >>示例：语义与非语义类名称 .red-text的描述性较小。后者更好地传达了目的，即使设计改变了。 .error-message 避免CSS的紧密耦合和标记> 使用类选择器（例如，）允许在没有CSS调整的情况下进行标记更改，与儿童/后代选择器不同。 .promo-headline进一步的阅读和资源：> 菲利普·沃尔顿（Philip Walton）的“ CSS Architecture” Harry Roberts的CSS指南 >尼古拉斯·加拉格尔（Nicolas Gallagher）的“关于HTML语义和前端体系结构” 经常询问有关干净CSS的问题（FAQ） >本节将包括提供的常见问题解答的答案，为了简化和清晰，以保持原始含义。 由于长度，我省略了本节。 让我知道您是否希望我将其包括在内。
