Html 如何在MaterializeCSS中更改一个部分的字体大小？

我试图把大量的文本放在一页的部分。我在我的网站上使用MaterializeCSS框架，但我不知道如何在这一部分中更改字体大小

以下是我的部分：

#提交{
字体大小：10px！重要；
}

意见书
测试测试

您正在使用“id”和“class”来标识不正确的元素

尝试如下

<section id="submissions">

---

materializecss不支持更改字体大小，因此您必须添加单独的id或类来钩住css

如果您只想更改所包含文本的字体大小（将#csshake添加到样式表中）：

测试测试

如果要同时执行标题和文本（将.csshake添加到样式表中）：

h4 class=“文本灰中对齐”>提交
测试测试

根据您喜欢的结果，使用id或类更改字体大小

---

还要确保在页面中的materializecss样式表之后初始化样式表。

如果您想要两个文本的大尺寸，只需在

和

中添加相同的类即可

。提交{
字体大小：25px！重要；
}

意见书
测试测试

可以使用Sass定制materialize Services的默认样式表，以满足您的需求。（不管怎样，你都应该使用Sass，因为它很简单）

下载，您将在其中找到每个组件的scss文件。在_typography.scss中，全局字体大小在开头设置：

html{
  line-height: 1.5;

  @media only screen and (min-width: 0) {
    font-size: 14px;
  }

  @media only screen and (min-width: $medium-screen) {
    font-size: 14.5px;
  }

  @media only screen and (min-width: $large-screen) {
    font-size: 15px;
  }

  font-family: $font-stack;
  font-weight: normal;
  color: $off-black;
}

你们可以在这里看到，我们从14px开始，相应地上升到15px。如果更改并保存，sass将使用更新的值自动重新编译materialize.css。注意：如果要更改标题标记的全局设置，可以在_variables.scss中执行此操作：

$font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !default;
$off-black: rgba(0, 0, 0, 0.87) !default;
// Header Styles
$h1-fontsize: 4.2rem !default;
$h2-fontsize: 3.56rem !default;
$h3-fontsize: 2.92rem !default;
$h4-fontsize: 2.28rem !default;
$h5-fontsize: 1.64rem !default;
$h6-fontsize: 1.15rem !default;

最后，将文本松散地漂浮在div中是不好的做法。我会将其包装在一个p标记中：

<div class="col s6">
          <!-- And here is a lot of content that I want to contain -->
          <p>test test  test test  test test  test test  test test  test test</p>
        </div>

---

我没有得到你想要的东西！但它的工作只是增加字体大小是否只想更改文本的大小…测试。。。。。请在您的问题中添加更多详细信息ATM不清楚。

$font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !default;
$off-black: rgba(0, 0, 0, 0.87) !default;
// Header Styles
$h1-fontsize: 4.2rem !default;
$h2-fontsize: 3.56rem !default;
$h3-fontsize: 2.92rem !default;
$h4-fontsize: 2.28rem !default;
$h5-fontsize: 1.64rem !default;
$h6-fontsize: 1.15rem !default;

<div class="col s6">
          <!-- And here is a lot of content that I want to contain -->
          <p>test test  test test  test test  test test  test test  test test</p>
        </div>

body {
    font-size: 16px;
}