作者Tethys (花芯)
看板Web_Design
標題[問題] CSS一點疑問
時間Thu Jul 25 14:34:55 2013
（問題一）
看書覺得不難，W3S的也寫的不難
可是實際要從別人寫HTML.CSS的來改覺得還蠻難的...
有眼花繚亂和頭腦混亂之感...請問該怎麼辦好呢
（問題二）
#nv li a:hover { background:#555555; }
想請問這邊的意思是？
是指兩種id
【nv、li】有指定這兩個id的元素，
當滑鼠指到上面會顯示為#555555嗎？
（問題三）
.nav a{
color:#fff;
padding-right:10px;
}
這裡的意思則是兩個class
【nav、a】 的文字顏色及padding關？
（問題四）
#000
#FFF
像這種色碼應該要怎麼知道它是什麼顏色呢？
http://www.colorhexa.com/
在這裡查得出來嗎？可是它查出來的結果都會把我輸入的自動變成六個英文字母
例如我打 #fff 會變成 #ffffff的結果
一頭霧水中，盼多指點，謝謝...
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 202.39.237.142
1F：→ nekoares:看到第二題，我覺得你應該去找一本CSS書從頭開始耐心看 07/25 14:36
2F：→ nekoares:另外人家寫的CSS你看不出架構又沒有註解當然會一頭霧水 07/25 14:36
我有買一本還不錯的書，不過還沒有看熟，也想說應該每天努力看一些，謝謝~~
※ 編輯: Tethys 來自: 202.39.237.142 (07/25 14:42)
3F：推 pm2001:估狗'css 選擇器' 07/25 14:52
4F：推 s25g5d4:#000跟#FFF就是全黑跟全白阿 #000000 #FFFFFF的縮寫 07/25 15:00
http://www.w3schools.com/cssref/css_selectors.asp
我google了一下..可是我問題二還是不太能理解
因為#nv代表是一個 id
那後面為什麼又加一個 li 呢？
如果是要代表兩個id的話應該是用「逗號」是不是？
div,p
Selects all <div> elements and all <p> elements
像它上面是這樣寫..
問題三也是一樣的問題＠＠
(？o？)不好意思問這麼基礎的問題
※ 編輯: Tethys 來自: 202.39.237.142 (07/25 15:35)
5F：→ nekoares:就是上面說的"選擇器(selector)"。空一格代表是這個標籤 07/25 15:51
6F：→ nekoares:裡面的子標籤。例如div p 就是選到"div裡面的p"，逗號就 07/25 15:52
7F：→ nekoares:是你說的兩個都選。selector有很多種，是最重要基本的 07/25 15:52
8F：→ nekoares:回到你的(2)，那一行代表"id nv下的li下的a，在hover狀態 07/25 15:54
9F：→ nekoares:狀態下時，color設成#555555"。另外:hover 也是selector 07/25 15:54
10F：→ nekoares: 打錯，是background color 07/25 15:56
感謝貓大～～～大感激！
那就是說如果是 .nav a{ }
就是在說class="nav" 之下的a 囉？ 應該是連結吧
太謝謝了～～感激感激 ^^
※ 編輯: Tethys 來自: 202.39.237.142 (07/25 19:57)
11F：推 davidqqq:<div class="nav"><a href="#"></a></div> 07/26 11:46
12F：→ davidqqq:那個a的css 07/26 11:46
13F：推 hit1205:順帶一提，用空白來隔開的話，不一定要是剛好上下兩層 07/28 19:07
14F：→ hit1205:中間也可以隔其他層，例如： 07/28 19:08
15F：→ hit1205:<div class="nav"><span><a href="#"></a></span></div> 07/28 19:08
16F：→ hit1205:這樣一樣可以用 .nav a 來選擇 =) 07/28 19:08
17F：→ hit1205:然後補充一下 s25g5d4 說的: 色碼兩位兩位相同的時候， 07/28 19:09
18F：→ hit1205:就可以用縮寫，例如 #123 代表 #112233，#A5D 代表#AA55DD 07/28 19:09
19F：推 lom123456:你真的實際動手開始寫 然後一次只改一點程式碼看對應 07/30 22:00
20F：→ lom123456:然後再去對照W3C 07/30 22:00
21F：→ TCFmars:把那空格填上"的"就懂了 08/01 01:23