鍍金池/ 問答/HTML/ fontawesome改變字體大小顏色

fontawesome改變字體大小顏色

為什么直接設(shè)置i的字體大小和顏色不好使，代碼如下

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link  rel="stylesheet">
    <title>Document</title>
    <style>
        .container {
            text-align: center;
            padding-top: 10%;
        }
        i {
            font-size: '50px';
            color: '#10AEFF';
            margin-bottom: '10%'
        }
        .txt {
            font-size: 120%;
            margin-top:10%;
        }
    </style>
</head>

<body>

    <div class="container">
        <i class="fa fa-exclamation-circle fa-5x"></i>
        <div class="txt">請點擊右上角在其他瀏覽器打開鏈接</div>
    </div>
    <script>
        var ua = window.navigator.userAgent.toLowerCase();
        if (!!(ua.indexOf('micromessenger') != -1)) {//是微信內(nèi)置

        } else {

        }
    </script>
</body>

</html>

element如圖：圖片描述

回答
編輯回答
糖豆豆

元素選擇器i比類選擇器.fa優(yōu)先級低，所以你i里的 css 都會被默認的.fa覆蓋。另外，css 里不要引號。

i.fa {
    font-size: 50px;
    color: #10AEFF;
    margin-bottom: 10%;
}
2017年4月11日 05:38
編輯回答
不二心

把 i 標簽屬性值的單引號去掉。

2018年1月13日 11:43