幾個css的高階用法

calc可動態設定某個元素的長度

html

.main

這個函式用於獲取元素的屬性的值，我常用於在before等偽類樣式中。

ul li::before

專案中心

**報道

attr就獲取li元素中data-tip屬性，然後加入到before中，注意不是所有的屬性都可以用attr獲取。

這個屬性大家應該用的還是比較多,可用於選擇特定的元素。

ul li:nth-child(odd)/*設定單行樣式*/

ul li:nth-child(even)/*設定雙行樣式*/
ul li:nth-child(3n)/* 3,6,9,12... */
ul li:nth-child(4)/*單獨設定第四個li*/
ul li:nth-child(3n+2)/*匹配2,5,8,11...*/
ul li:nth-child(n+6)/*從第六個li開始匹配*/
ul li:nth-child(-n+6)/*匹配1-6的元素*/
ul li:nth-child(n+3):nth-child(-n+5)/*匹配3-5的元素*/
ul li:nth-child(3n-1)/*匹配(3-1),(6-1),(9-1)....*/

這兩個css屬性主要配合文字框的pattern的屬性使用，驗證成功時載入vaild樣式，失敗載入invaild樣式

input:invalid

input:valid

這個屬性主要是修改元素的黑白度，比如某人去世，讓介面變灰，就可以使用此屬性

html

awk的幾個常用高階用法

用awk比較多，以下幾個是常用的稍微高階一點的用法 1 同時指定多個分割符 這時應該把分隔符寫成放到方括號中，如 awk f t test 此時指定了空格，號,tab三個作為分隔符 2 awk的key的 用法 awk end test 用 1 t 2組成一維陣列的key，這樣可以用這種方式來處理很多...

awk的幾個常用高階用法

1 同時指定多個分割符 這時應該把分隔符寫成放到方括號中，如 awk f t test 此時指定了空格，號,tab三個作為分隔符 2 awk的key的 用法 awk end test 用 1 t 2組成一維陣列的key，這樣可以用這種方式來處理很多複雜的二維資料邏輯 3 awk 的範圍模板 範圍模板...

條件CSS的高階用法

介紹 條件css conditional css 的開發源於在多數瀏覽器上修正 css 渲染 bug 的需求，以確保盡量多的使用者看到正確的 設計。核心思想建立在 internet explorer 上發現的條件注釋方法，並擴充套件到包含其他的瀏覽器，而且將條件宣告內聯到 css 定義裡面。條件cs...