Login
Sign Up For Free
English
中文 (繁體)
中文 (香港)
中文 (简体)
日本語
Filipino
Bahasa Indonesia
Bahasa Melayu
Pусский
Português (Brasil)
Magyar
Français
Español
Deutsch
Čeština
العربية
Català
Dansk
Ελληνικά
فارسی
Suomi
Gaeilge
Hindi
עברית
Hrvatski
Italiano
Norsk bokmål
Nederlands
한국어
Polski
Română
Slovenský
Svenska
Türkçe
українська
беларуская
ไทย
Standard view
ಠ_ಠ
偷偷說
4 years ago
@Edit 4 years ago
#噗浪css
#噗浪布景
選擇器都是哪裡看的簡易說明
順便撈撈:
這噗只講最簡單的而且有省略一些東西,想知道更多或者有想要設定甚麼樣式但不知道怎麼做,可以到
原噗
latest #10
ಠ_ಠ
4 years ago
選擇器是甚麼:
css語法:「選擇器 { 屬性:值; }」也就是噗浪布景那一大坨英文數字都是這個組成的
「選擇器」:是用來選擇要修改的元素,也就是把要修改的元素打在這裡就行了。
「大括弧{}」:包著各種設定,會把左邊選擇器選到的元素樣式修改成大括弧裡的樣式。
「屬性:值;」:你想要的樣式設定,注意一定要在最後面寫;(分號),否則設定多個屬性時會有問題。
ಠ_ಠ
4 years ago
例:「選擇器 { 屬性1:值1; 屬性2:值2; }」
例:
.plurk_cnt { background-color:#000; }
把.plurk_cnt的background-color設定成#000
把每個噗(噗首&噗內的各個回應)的背景色改成黑色
ಠ_ಠ
4 years ago
選擇器可以寫什麼:
基礎的三種:
「.名稱」:class,分類名,整個網頁裡可能有多個(例如噗有很多個)
「#名稱」:ID,唯一名稱,整個網頁裡只有一個
「名稱」:元素類型,通常會有多個
空格鍵很重要:
A .B { 設定 } < A元素底下的B類型
A.B { 設定 } < 是A元素同時也是B類型
立即下載
ಠ_ಠ
4 years ago
多個選擇器的設定一樣的話可以寫在一起,用半形逗號隔
例:
噗首, 噗內 { 設定成黑背景 } < 同時把噗首跟噗內都設定成黑背景
ಠ_ಠ
4 years ago
關於元素的元素類型、分類、唯一名該怎麼看:
在chrome或firefox裡,按鍵盤ctrl+shift+C
可以在頁面上選擇元素,看到元素的「元素類型」、「class」、「id」
例:div.text_holder
div.text_holder { 設定成黑背景 } < 可以讓每個噗內的文字背景變成黑色
ಠ_ಠ
4 years ago
點下去的同時可以看到HTML
<元素類型 id="唯一名稱" class="分類名"></元素類型>
ಠ_ಠ
4 years ago
@Edit 4 years ago
有些會有:
<元素類型 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
ಠ_ಠ
4 years ago
關於元素可以這樣選到:
[HTML屬性名="屬性值"]
例:
.name[data-uid="你的UID"] { 設定成紅背景 }
這樣就可以讓自己的名字出現紅背景,無論是不是該噗噗主
ಠ_ಠ
4 years ago
@Edit 4 years ago
順便撈撈:
上面只講最簡單的而且有省略一些東西,想知道更多或者有想要設定甚麼樣式但不知道怎麼做,可以到
原噗
ಠ_ಠ
4 years ago
@Edit 3 years ago
噗浪的css選擇器:
會自動在前面沒有._lc_或._lch_的選擇器前補._lc_
所以有些東西是選不到的無法更改
(但有另外的方法可以改到,可以到原噗詢問)
back to top
Delete
Reply
Edit
Cancel
Cancel