html - 在不使用 class= 的情况下为一种元素使用相同的 CSS

Question

有没有一种方法可以让 CSS 自动应用(例如)在所有 <I /> 上？那在我的网页上？

我的主页:

<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="http://appsforoffice.microsoft.com/fabric/1.0/fabric.min.css" />
<link rel="stylesheet" href="http://appsforoffice.microsoft.com/fabric/1.0/fabric.components.min.css" />

 <!-- this is my own CSS below -->
<link rel="stylesheet" type="text/css" href="icon.css" /> 

我的短 CSS，icon.css，在不同的文件中:

i
{
   font-family:Verdana;
}

在网页上的使用示例:

    <i class="ms-Icon ms-font-xxl" > 
        This is not Verdana 
    </i>

    <i class="ms-Icon ms-font-l" style="font-family:Verdana;">
        This text has been forced to verdana
    </i>

换句话说，我希望该样式适用于我的 <i />没有在 style 中指定它不在class ...

---

编辑:

我刚刚意识到如果一个元素有一个指定的类，并且那个类有一个 CSS，它会覆盖你样式表的 CSS...我想...

Answer 1

(C) 层叠 (S) 样式 (S) 床单。您需要注意 css 的优先级。例如使用一些像这样的基本 html:

<style src="styles.css">              external styles: lowest priority
<style>i { color: red; }</style>      embedded styles: medium priority
<i style="color: green">foo</i>       inline styles:   highest priority

由于您有内联样式，该样式会覆盖其他地方应用的任何类似规则。