谷歌材质图标在内联CSS中通过字体大小属性改变大小，但在永恒CSS中不起作用。为什么？ - 一点教程

提问者：小点点

谷歌材质图标在内联CSS中通过字体大小属性改变大小，但在永恒CSS中不起作用。为什么？

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="sheet.css">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" 
    rel="stylesheet">
    <title>Document</title>
</head>
<body>
    <i class="material-icons">amp_stories</i>
</body>
</html>

    /*CSS CODE EXTERNAL*/

    .material-icons{
        font-size: 40px;
     }

我在我的网站上使用了材料图标。当我在外部CSS中使用字体大小属性时，它们不会改变大小。我尝试了内联CSS，它工作得很好，但不是在外部CSS。如果我检查元素，它显示图标的字体大小24像素。如果我删除它，那么我永恒的CSS代码工作，直到我刷新网页。

共1个答案

匿名用户

您必须在类中预先添加i。

null

i.material-icons {
  font-size: 98px;
}

<!DOCTYPE html>
<html lang="en">

<head>
  <link rel="stylesheet" href="sheet.css">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <title>Document</title>
</head>

<body>
  <i class="material-icons">amp_stories</i>
</body>

</html>

相关问题

热门标签

Java JavaScript Python PHP C# Android Html jQuery C++ Css IOS MySQL NodeJS