作為前端製作師你必須知道的事情!

2022-03-06 17:07:01 字數 1451 閱讀 8879

前台頁面製作多了,你就應該了解很多問題存在。你與程式要打交道你還要與ui打交道,你是乙個中間的過渡人,設計可以不考慮程式怎麼取出方便怎麼做合理,你得考慮,同時你還要考慮。

扯得太遠了,我們還是說近的吧~不知道是不是我out了,最近做東西的時候要使用優先級別

下面是乙個例子轉的,不過也能說明一些東西:

很多人,包括很多**(我所見過的所有**,包括國內著名的『網頁設計師』**),都說important是不被ie所支 持和認識的,可是真的是這樣嗎?看了下邊的兩個例子,也許你會改變一些看法!

例一:

css

#box 

html

<

div 

id="box"

>

在不同的瀏覽器下,這行字的色應該不同!

div>

例二:

css1

#box div

2.important_false

3.important_true

html

<

div 

id="box"

>

<

div

class

="important_false"

>

這一行末使用important

div>

<

div 

class

="important_true"

>

這一行使用了important

div>

div>

例二中,css**第一行設定了box裡面所有div中字型色為紅色, 第二行和第三行都用class重新定義了自身div的字型色為藍色,不同的是,第二行末使用important,而第三行使用了!

默 認情況下,class的優先順序小於id,所以,第二行中即使用class重定義了自身樣式,也無法生效,所以繼承父級屬性,這行字還是紅色!

但 是,第三行中,用了important提公升優先順序(或看成強制重定義),所以這裡的css得以生效,這行字變為了藍色!

從 這個例子,得以證明,ie對important的並不是不支援!

那麼為什麼 很多人都說ie不認識它呢?我想應該是大家實戰中可能都沒有遇到例子中的情況:當你想提公升class的優先順序時怎麼辦?

也 就是說大家可能都忽略了它的這一作用,只了解在命名為同乙個元素的css**塊中,用它來提公升排列順序相對*前的**的優先順序(例一)!

通 過上邊兩個例子,得以總結:

important對 乙個良好(或者是標準)的瀏覽器來說,不僅僅是從順 序上提公升**的優先順序,還可以用來提公升class的優先順序(比如firefox),但是從ie對前者的不支援可以看出,這只是ie的一大bug,而不能說 它「不認識、不支援」!

前端詞典 關於 Babel 你必須知道的

模板字面量 const name 小生方勤 let hello hello babelrc 檔案 plugins 與 presets 同時存在的執行順序 先執行 plugins 的配置項,再執行 preset 的配置項 plugins 配置項,按照宣告順序執行 preset 配置項,按照宣告逆序執行...

前端網路必須知道的點

allow control access origin 必需,表示可以請求的源。access control allow methods 必需,表示支援的所有方法,以逗號分隔 access control allow headers 如果瀏覽器請求包括 access control req方法,以逗...

Linux世界你必須知道的

突然從windows世界轉向linux世界,也許剛開始或多或少都有點不太適應,慢慢地,也許你會發現linux的博大精深,最重要的是linux世界的很多東西都是free license,下面列舉一下linux世界你需要或必須知道的二三事。unix like 叫做 類unix 系統,主要指各種各樣的li...