[css]css讀書筆記

[foo ^="bar"] --- 選擇foo屬性值以“bar”開頭的所有元素
[foo $="bar"] --- 選擇foo屬性值以“bar”結尾的所有元素
[foo |= "bar"] --- 選擇foo屬性等于bar或者以bar-開頭的所有元素
*:lang(en) 等價于*[lang |= "en"]
[foo*="this"] 選擇foo屬性值為包含this的字符串的元素。
eg:<img title='thisistrue' />
[foo~="this"] 選擇foo屬性值為一用空格分隔的字詞列表,且其中一個屬性為this的元素。
eg:<img title='yes this' />


ul+h2 --- 選擇緊跟在ul標簽后的h2標簽(注:兩標簽之間可間隔文本但不能間隔標簽)


p:first-child --- 用于選取屬于其父元素的首個子元素且為p元素(注:首個子元素+p元素)


偽類可以結合使用:a:link:hover:lang(en)(注:互斥的偽類不可結合,如:a:link:visited)


background-position在使用具體像素值定位時使用圖像左上角,在使用百分數定位時用圖像相應位置定位,即:在100px*100px的div里,background-position:50px 50px不能居中,而background-position:50% 50%可以水平垂直居中


background-color:rgba(紅,藍,綠,透明度);(eg:background-color:rgba(0,0,0,0.8);)


:target跳轉目標偽類選擇器


繼承沒有特殊性(通配符的0比它高),默認向下傳播,向上傳播的例外:body元素的背景樣式可以傳遞到html元素


讀者的重要聲明 > 創作人員的重要聲明 > 創作人員的正常聲明 > 讀者的正常聲明 > 用戶代理聲明


:link{}
:visited{}
:hover{}
:active{}
LVHA記作“LoVe-HA!”


字體名中包含特殊符號或空格時建議用引號括起來,字體名與所接受關鍵字匹配時必須加引號('cursive')

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,933評論 18 139
  • 學習CSS的最佳網站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,094評論 0 1
  • 其實平時用得多的選擇器無非也就是那么幾個,時間久了,許多不常用的選擇器就慢慢忘記了。為了不讓自己忘記這些選擇器,今...
    盛夏晚清風閱讀 1,874評論 0 5
  • 1.JQuery 基礎 改變web開發人員創造搞交互性界面的方式。設計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,200評論 0 1
  • 所謂經典,就是值得反復閱讀,并且每次讀后,都有新的感悟和收獲。 主人公海倫凱勒一位又盲又聾又啞的殘障人士,...
    白丁2009閱讀 319評論 0 0