ಠ_ಠ
@anonymous
偷偷說
Wed, May 5, 2021 9:09 AM
Wed, May 5, 2021 9:28 AM
24
3
噗浪css
噗浪布景
選擇器都是哪裡看的簡易說明
順便撈撈:
這噗只講最簡單的而且有省略一些東西,想知道更多或者有想要設定甚麼樣式但不知道怎麼做,可以到
原噗
ಠ_ಠ
Wed, May 5, 2021 9:09 AM
選擇器是甚麼:
css語法:「選擇器 { 屬性:值; }」也就是噗浪布景那一大坨英文數字都是這個組成的
「選擇器」:是用來選擇要修改的元素,也就是把要修改的元素打在這裡就行了。
「大括弧{}」:包著各種設定,會把左邊選擇器選到的元素樣式修改成大括弧裡的樣式。
「屬性:值;」:你想要的樣式設定,注意一定要在最後面寫;(分號),否則設定多個屬性時會有問題。
ಠ_ಠ
Wed, May 5, 2021 9:09 AM
例:「選擇器 { 屬性1:值1; 屬性2:值2; }」
例:
.plurk_cnt { background-color:#000; }
把.plurk_cnt的background-color設定成#000
把每個噗(噗首&噗內的各個回應)的背景色改成黑色
ಠ_ಠ
Wed, May 5, 2021 9:10 AM
選擇器可以寫什麼:
基礎的三種:
「.名稱」:class,分類名,整個網頁裡可能有多個(例如噗有很多個)
「#名稱」:ID,唯一名稱,整個網頁裡只有一個
「名稱」:元素類型,通常會有多個
空格鍵很重要:
A .B { 設定 } < A元素底下的B類型
A.B { 設定 } < 是A元素同時也是B類型
ಠ_ಠ
Wed, May 5, 2021 9:10 AM
多個選擇器的設定一樣的話可以寫在一起,用半形逗號隔
例:
噗首, 噗內 { 設定成黑背景 } < 同時把噗首跟噗內都設定成黑背景
ಠ_ಠ
Wed, May 5, 2021 9:12 AM
關於元素的元素類型、分類、唯一名該怎麼看:
在chrome或firefox裡,按鍵盤ctrl+shift+C
可以在頁面上選擇元素,看到元素的「元素類型」、「class」、「id」
例:div.text_holder
div.text_holder { 設定成黑背景 } < 可以讓每個噗內的文字背景變成黑色
ಠ_ಠ
Wed, May 5, 2021 9:13 AM
點下去的同時可以看到HTML
<元素類型 id="唯一名稱" class="分類名"></元素類型>
ಠ_ಠ
Wed, May 5, 2021 9:13 AM
Wed, May 5, 2021 9:14 AM
有些會有:
<元素類型 id="唯一名稱" class="分類名" HTML屬性="屬性值"></元素類型>
例:<a href="/ABCDE" data-uid="00000000" class="name on">XXXXXX</a>
這是個a元素(可用a選到他)
同時是name類型也是on類型(可用.name選到他,也能用.on選到他)
這個a元素的data-uid屬性是00000000
這個a元素的href屬性是/ABCDE
ಠ_ಠ
Wed, May 5, 2021 9:14 AM
關於元素可以這樣選到:
[HTML屬性名="屬性值"]
例:
.name[data-uid="你的UID"] { 設定成紅背景 }
這樣就可以讓自己的名字出現紅背景,無論是不是該噗噗主
ಠ_ಠ
Wed, May 5, 2021 9:16 AM
Wed, May 5, 2021 9:28 AM
順便撈撈:
上面只講最簡單的而且有省略一些東西,想知道更多或者有想要設定甚麼樣式但不知道怎麼做,可以到
原噗
ಠ_ಠ
Sat, May 8, 2021 3:28 PM
Sat, Dec 18, 2021 3:37 AM
噗浪的css選擇器:
會自動在前面沒有._lc_或._lch_的選擇器前補._lc_
所以有些東西是選不到的無法更改
(但有另外的方法可以改到,可以到原噗詢問)
載入新的回覆
選擇器都是哪裡看的簡易說明
這噗只講最簡單的而且有省略一些東西,想知道更多或者有想要設定甚麼樣式但不知道怎麼做,可以到原噗
例:
上面只講最簡單的而且有省略一些東西,想知道更多或者有想要設定甚麼樣式但不知道怎麼做,可以到原噗
會自動在前面沒有._lc_或._lch_的選擇器前補._lc_
所以有些東西是選不到的無法更改
(但有另外的方法可以改到,可以到原噗詢問)