Google材质图标随字体大小属性改变大小在内联CSS中起作用，但在外部CSS中不起作用。为什么？文件安普故事 /*外部CSS代码*/ .材质图标{ 字体大小：40px； }_Css_Web_Fonts_Icons_Size

Google材质图标随字体大小属性改变大小在内联CSS中起作用，但在外部CSS中不起作用。为什么？文件安普故事 /*外部CSS代码*/ .材质图标{ 字体大小：40px； }

css web fonts

Google材质图标随字体大小属性改变大小在内联CSS中起作用，但在外部CSS中不起作用。为什么？文件安普故事 /*外部CSS代码*/ .材质图标{ 字体大小：40px； },css,web,fonts,icons,size,Css,Web,Fonts,Icons,Size,我在我的网站上使用了材料图标。当我在外部CSS中使用字体大小属性时，它们不会改变大小。我尝试了内联CSS，它工作得很好，但在外部CSS中不行。若我检查元素，它会显示图标的字体大小为24px。如果我删除它，那么我的永久CSS代码将一直工作，直到我刷新网页。你必须在类中预先添加I i.material-icons{ 字号：98px； } 文件安普故事您是否确定外部样式表被正确引用？是的，我们需要代码进行验证。我可以与您共享代码，但howHmmm。。当你添加问题时，会出现一个图标，这样代码就会

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

你必须在类中预先添加

i.material-icons{
字号：98px；
}


文件
安普故事

您是否确定外部样式表被正确引用？是的，我们需要代码进行验证。我可以与您共享代码，但howHmmm。。当你添加问题时，会出现一个

图标，这样代码就会显示在那里。我添加了代码，在vs代码和名称文件中打开它，并将它们链接在一起。图标不会随外部css更改大小。请引导我对你说这么多，你无法想象我对这个解决方案有多高兴。实际上，我正在制作一个社交媒体网站，我提供给你们的代码只是我所面临问题的一个演示，而不是我网站的实际代码。你能告诉我你的社交媒体帐户的详细信息吗？这样我们就可以保持联系了。不，在我的第一个代码片段中，我使用了与OPs相同的代码，我没有添加任何额外的类，第二个代码片段中，我只是使用类使代码的前差最小。好吧，我交换/更改了OP使用的样式表的顺序，我看不出任何区别：嗯，这真的很奇怪。你的小提琴在我的屏幕上显示一个24像素大小的图标。。。调查这一点……我的观点是正确的，显然样式表是在先到先得的基础上工作的。现在我需要检查一下我自己的一些外部信息…你应该对此负责！（删除了不正确的评论）。

<!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;
     }