时间戳

首页 > 解决方案 > 这个css结构叫什么？

html - 这个css结构叫什么？

问题描述

我正在和某人一起做我的第一个 Web 开发项目，我负责前端部分。在我的个人项目中，我一直在使用纯 css，但在这个模板中，我看到他们正在使用其他东西，一种不同的结构，我想。我有点弄清楚它是如何工作的，但因为我以前从未接触过它，这让我很难发展。我想知道它是什么，以便我可以阅读一些文档并更好地理解它。（例如：通常，当我使用className时，我将类名放在“”之间，但这里就像css.something）你能告诉我它是什么吗？我将在这里留下一个片段

.menuItem {
  @apply --marketplaceListingAttributeFontStyles;
  color: var(--matterColor);
  /* Layout */
  position: relative;
  min-width: 300px;
  margin: 0;
  padding: 4px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Override button styles */
  outline: none;
  text-align: left;
  border: none;
  white-space: nowrap;
  cursor: pointer;
  &:focus,
  &:hover {
    color: var(--matterColorDark);
  }
  &:hover .menuItemBorder {
    width: 6px;
  }
}

<button className={css.menuItem} onClick={()=> this.selectOption(queryParamName, option.key, dates)}>

标签： htmlcssreactjsfrontendsharetribe

解决方案

这是CSS Modules，您可以在以下 2 个链接中阅读有关 CSS 用法的更多信息：

推荐阅读