css層疊樣式

2022-07-24 09:03:10 字數 1030 閱讀 7612

用來調節標籤的樣式

/*注釋*/

標籤選擇器/元素選擇器

div
id選擇器 (#)
#d1
類選擇器 (.)
.c1
樣式類名不要用數字開頭

通用選擇器(*)

*
後代選擇器(標籤 空格 標籤)
div span
樣式只改變後代標籤,並不改變父類本身

兒子選擇器(>)只影響兒子,其他後代不影響

div > span
毗鄰選擇器,只影響div 後邊同一級別的(第乙個)span標籤
div + span
弟弟選擇器 ,div同級別下(所有)span標籤
div ~ span
[username]
[username='jason']
input[username="jason"]
分組
div ,p, span
具有相同樣式的標籤,其內部的後代標籤同樣擁有同樣的樣式

巢狀

.c1 h1
a:link 

a:hover

a:active

a:visited

input:focus

第乙個字改變樣式

p:first-letter
段首新增content文字內容,並改其樣式,但不寫入介面

p:before
段尾新增content文字內容,並改其樣式,但不寫入介面

p:after

css層疊樣式

css 四大核心 一 選擇器 二 盒子模型 實現網頁布局 三 浮動四 四 定位 了解css 概念 層疊樣式表 級聯樣式表 cascading style s heet 作用 美化網頁 通過css的方式給html標籤設定樣式 css語法 選擇器 類選擇器 語法 1.定義型別.自定義型別名 2.呼叫型別...

css層疊樣式

層疊樣式表 層疊 相同的樣式的不同值作用到同一元素的時候,會有樣式被覆蓋.樣式生效會有先後重要的順序.根據樣式優先順序,如果優先順序一樣,後寫會覆蓋先寫的.樣式表 元素視覺表現的集合.例如我們看到的寬高背景顏色等等 樣式是依附html而存在的,如果沒有標籤,樣式將毫無意義.最小影響法則 當我們建立乙...

css 樣式層疊規則

檢視別人css,發現有一段css button.dark.blue button.dark 如果這樣寫,backgroud color到底是用誰的呢?原來我只知道內聯樣式的權值 id選擇器 類選擇器 標籤選擇器這樣的規則,還有就是越精細等級越高,看上面css 應該是第乙個優先順序更高吧 測試了一下,...