本文主要介绍了CSS注释的一些高级用法，包括准修饰符选择器、代码标签和继承标记，这些可供朋友参考。





准修改选择器（准限定选择器）

你应该避免过多的选择，例如，如果你能写。资产净值{}，尽量不写UL。资产净值{}。过分修饰的选择会影响性能，影响类的可重用性，提高选择私有化。这些都是你应该尽量避免。

但有时你可能想告诉其他开发者的class.take.product-page范围为例，这类看起来像一根容器。它可以是HTML或身体的元素，但不能判断一个人by.product-page。

我们可以在选择器之前添加一个准修饰符（注释前面的类型选择器）来描述我们计划的类操作的范围：

CSS代码将内容复制到剪贴板。


产品页面{ }




通过这种方式，我们可以在不影响重用性的前提下获得类范围的确切范围。

其他例子如下：

CSS代码将内容复制到剪贴板。


/ * * / OL。面包屑{ }

图像指针{ }




这样，我们就可以知道类操作的范围而不影响代码的私有度。
码标签

如果您编写了一组新样式，您可以向它添加标签，例如：

CSS代码将内容复制到剪贴板。



*导航列表
* /
导航{ }


*网格（列出表）
* /
矩阵{ }




这些标签可以让其他开发人员快速找到相关的代码。如果开发人员需要找到与列表相关的部分，他可以通过搜索列表来快速定位资产净值、矩阵和其他相关部分。
遗传标记

如果你认为面向对象程序设计的CSS，你可以经常发现两部分，CSS是密切相关的（一个是基于一个，而另一个是扩大），但它分为两个部分。我们可以利用遗传标记建立原始元素和继承的元素之间的密切联系。这些都是写在注释如下：

以元素的基本样式：

CSS代码将内容复制到剪贴板。



* ` foo `在theme.css延伸。
* /
{ { }




在元素的扩展样式中：

CSS代码将内容复制到剪贴板。



*延伸` foo `在触发。
* /
栏{ }




通过这种方式，我们可以在相距很远的两个代码块之间建立紧密的联系。