CSS行內樣式無效,!important

2021-08-23 14:09:18 字數 333 閱讀 2305

今天在做專案的時候發現,有乙個頁面的顯示有問題,然後開始檢視原因

最後發現自己在別處使用了!important  。。。。。。。。。我學習到了新的知識!

!important

我內心關於css樣式還是停留在行內樣式,id,class選擇器和import引入樣式

今天發現還有乙個最高層級的是!important

具體的用法{

margin-top:20px !important

當然也可以在行內使用的,在不確定是否為最高端的樣式的情況下

style="margin-top: 20px!important;"

css行內樣式的屬性設定,css的外部樣式的設定

15 行內樣式 行內樣式1 是通過標籤的 style 屬性來設定元素的樣式 格式 標籤 style css樣式 示例 字型內容 多個樣式之間用 分號隔開 乙個樣式多個屬性用空格分開 適用於針對性的修改某乙個標籤的樣式 行內樣式2 通過 html 標籤來設定元素的樣式 適用於頁面中進行的復用。對同一類...

CSS樣式引入link和 import區別

css樣式引入有兩種方法,一種是寫在頁面中的link方法,另一種是寫在css中的 import寫法。link寫法 import寫法 import url style.css link是xhtml標籤,除了載入css外,還可以定義rss等其他事務,import 屬於css範湊,只能載入css link...

css中link與 import匯入樣式檔案的區別

1 link是html的標籤,import是css中的語法 2 頁面開啟時,link引用的css檔案被載入。而 import引用的css等頁面載入完後最後載入。3 import是css2.1後提出的,而link是不存在相容問題。4 js操作dom,可以使用link改變樣式,無法使用 import的方...