Question

由于我在我的html文件中添加了bootstrap和font awesome，之前完成的大部分css都消失了（background-color，google fonts）

<head>
    <meta charset="utf-8">
    <title>Games</title>
    <link rel="stylesheet" href="main.css">  
    <link rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

    <link href='https://fonts.googleapis.com/css?family=Orbitron:400,500' rel='stylesheet' type='text/css'>       
    <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
</head>

有人知道为什么吗？谢谢！

Answer 1

在你的bootstrap和font-awesome声明之后将你的main.css文件声明移动到。由于CSS 级联，以后的样式会覆盖您的自定义样式。

<head> <meta charset="utf-8"> <title>Games</title> <link rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <link href='https://fonts.googleapis.com/css?family=Orbitron:400,500' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="main.css"> </head>

添加bootstrap＆amp;字体真棒废墟css-为什么？

1 个答案: