分组CSS属性的不同逻辑方法

这里有一点CSS： .module {background: rgba(198, 148, 72, 0.75);color: #222;clear: both;margin: 0 0 2rem 0;position: relative;overflow: hidden;display: flex;flex-direction: column;border: 2px solid black;border-radius: 4px;padding: 1rem;font-family: sans-serif;font-size: 0.9rem;line-height: 1.4;opacity: 1;transform: opacity 0.2s ease-in-out;transform-origin: right center;} 看起来很像我写的CSS。我承认，我传统上对CSS属性的排序没有太多意见。我只需要补充我需要的。我认为它们最终基本上是按相关的东西\"分组\"的，因为我的大脑就是这样把它们吐出来的。如果有一个重复的声明，它将很难发现，并可能使一些思想融合故障排除。这种情况在我身上发生过很多次，现在我正在考虑它。我也承认我确实有一些风格指南偏好，比如2-空格、大括号前的空格、冒号后的空格等等。这是另一篇文章。让我们看看一些方法，我们可以将不同的逻辑应用到这个规则集。按字母顺序排列： .module {background: rgba(198, 148, 72, 0.75);border: 2px solid black;border-radius: 4px;clear: both;color: #222;display: flex;flex-direction: column;font-family: sans-serif;font-size: 0.9rem;line-height: 1.4;margin: 0 0 2rem 0;opacity: 1;overflow: hidden;padding: 1rem;position: relative;transform: opacity 0.2s ease-in-out;transform-origin: right center;} 现在这里应用了一些逻辑。如果您特别想看看这个声明是否有一个opacity属性名，您可以浏览它，找到\"o\"在列表中的字母顺序，理想情况下，可以很快找到它。你必须相信字母表的格式是完美的，但我能看出它的吸引力。杰里·洛是一个大倡导者：字母表有一个普遍理解的顺序。我们中的大多数人都可以按字母顺序排序，而不会让大脑负担过重……速度和无歧义的排序对于按字母顺序排列CSS属性来说是一个足够有力的论据，但对我来说，最大的优势在于协作，即缺乏学习曲线。这里也有一些自然分组。请注意，字体属性和转换属性是在一起的，只是因为它们的命名。在一个愉快的意外中，flexbox的东西也挨着对方，但是如果在里面放一个filter或fill的东西，它们就不会在那里了。有些东西你可能期望彼此在一起，比如margin和padding不是。这就导致了…按类型分组，正如我们看到的\"类型\"分组是自然发生的，当你按字母顺序排列时有一点。但也有很多例外，因此按属性的作用（而不是它们的名称）对属性进行分组可能是有意义的。我在引号中提到了\"类型\"，因为我们如何将属性分组到类型中完全取决于我们，它不是一个语义或编程的概念。用一些空行来帮助分离类型，也许我们最终会这样： .module {background: rgba(198, 148, 72, 0.75);color: #222;opacity: 1;border: 2px solid black;border-radius: 4px;font-family: sans-serif;font-size: 0.9rem;line-height: 1.4;position: relative;display: flex;flex-direction: column;clear: both;overflow: hidden;margin: 0 0 2rem 0;padding: 1rem;transform: opacity 0.2s ease-in-out;transform-origin: right center;} 那么这就引出了一个问题：如何对类型组进行排序？什么类型的？如何在每种类型中排序属性？这些问题不一定需要答案，它们只是供思考的食物。迈克尔•阿雷斯塔德（Michael Arestad）不太关心你如何订购房产，他说：通常人们会得到定位，盒子模型，即使没有经过培训，排版属性也能很好地组合起来。但他确实明确指出，这种\"可读性\"的东西并不是一个很好的论据：阅读的方便性是我的一个稻草人论据。很容易被打倒，因为最重要的是很容易找到一处房产。这两种方法都很简单，根据我的经验，通常都是从浏览器开始的。按行长度想变得奇怪吗？比你想象的更多的人这样做： .module {background: rgba(198, 148, 72, 0.75);transform: opacity 0.2s ease-in-out;transform-origin: right center;border: 2px solid black;font-family: sans-serif;flex-direction: column;margin: 0 0 2rem 0;position: relative;border-radius: 4px;font-size: 0.9rem;overflow: hidden;line-height: 1.4;display: flex;padding: 1rem;color: #222;clear: both;opacity: 1;} 我并不想粗鲁地说别人的编码风格怪异，但对我来说，这似乎是一种仅仅为了某件事而强迫别人的表达。我看不出有什么优点，只是看起来有点整洁。但是有很多缺点，比如改变一个值可能需要你重新排序。。他们有一个24步的配置工具，让事情只是你喜欢他们。我得说：这对我很有吸引力。实际上，我刚刚创建了自己的新配置并计划开始使用它。在一个团队的环境中似乎特别好。这样，您就可以获得逻辑排序的好处（如果有的话！），加上一个一致和强制的代码风格，几乎不费吹灰之力。还有一个postss插件。但是请记住，不管您的如何处理CSS文件，我们在这里讨论的是如何处理我们编写的样式表，因此它作为一个IDE中的东西（这个插件提供的）可能最有意义。？\"最后添加，按日期\"怎么样？按你喜欢这房子的程度排序？！你认为财产有多重要？？！！

分组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是什么