作者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