字體真棒不與引導

我做了一個新的一頁，這是我的頁面的新工作（沒有它的內容！）

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

    <head> 
    <meta charset = "utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

     <title>TEST</title> 

    <!-- Latest compiled and minified CSS --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
    <link rel="stylesheet" href="style/index.css"> 

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> 



    </head> 

    <body> 
    <header> 
    <div class="container"> 
     <a class="fa fa-ban">Test ban</a> 
    </div> 
    </header> 






     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 

     <!-- Include all compiled plugins (below), or include individual files as needed --> 
     <script src = "//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> 

    </body> 
</html>

正如你看到的我有一個<a>元素和它有一個font-awesome類，我的意思是fa fa-ban，但它不工作！

什麼問題？

來源

2016-01-08 John IP

檢查控制檯錯誤，把script標籤外體 –

@UbiquitousDevelopers有一些警告更換，但我不知道爲什麼，我只是做了bootstrap說的，我添加了一些對其css文件的引用，但是我不知道它在我的工作中有什麼問題 –

。只需使用CTRL + F5 –

現在我自己找到了答案。

正如你看到有一個鏈接index.css，我有一點點不好的代碼在我index.css那就是：

*, *:after, *:before{ 
    box-sizing: inherit; 
} 

*, * *,{ 
    /* Set your content font stack here: */ 
    font-family: 'arad', Times, "Times New Roman", serif !important; 
}

當我刪除了，現在正常工作！通過這個標籤https://jsfiddle.net/smit_patel/teg7kfc4/

做工精細的：

來源

2016-01-08 09:14:55

你確定這是問題嗎？ CSS選擇器有一個錯誤，所以整個規則應該被瀏覽器忽略。 –

@MrLister是的，當我刪除這些行時，這對我有用。什麼是我的CSS選擇器問題？我看不到 –

底部以'*，* *，{'開頭，這是不正確的。最後的逗號不應該在那裏。因此，由於選擇器中存在錯誤，瀏覽器會忽略整個樣式規則。看到[這個小提琴]（https://jsfiddle.net/MrLister/1t88oku5/），一切都應該是紅色的，但事實並非如此。（如果你刪除了最後一個逗號，它_does_ work。） –

嘗試使用<i>標籤內<a>

<a href="#"><i class="fa fa-ban"></i>Test ban</a>

來源

2016-01-08 09:13:39

這個工作對我來說：https://jsfiddle.net/fka3gp1b/

我或許會稍微重新格式化您的代碼，使字體真棒圖標是錨元素的子元素如下：

<a href="#"><i class="fa fa-ban"></i>Test ban</a>

類似地，使用span標籤的工作原理l：

<a href="#"><span class="fa fa-ban"></span>Test ban</a>

來源

2016-01-08 09:14:11

這對我的作品。

<a><i class="fa fa-2x fa-ban"></i>Test ban</a>

來源

2016-01-08 09:30:15

您不能直接使用<a>標籤中的類我懷疑。

所以這

<a class="fa fa-ban">Test ban</a>

必須用

<a href="#"><i class="fa fa-ban"></i>Test ban</a>

來源

2016-01-08 09:31:46

字體真棒不與引導

回答

相關問題