[問題] 問一段CSS的寫法..意義為何~

看板Web_Design作者 (咩咕哩喵)時間13年前 (2011/01/18 17:21), 編輯推噓5(5013)
留言18則, 7人參與, 最新討論串1/1
各位前輩高人您好: 第一次利用 PURE CSS Menu Maker 做了下拉清單的組件 看到裡面有一段CSS寫法,從沒看過 ..到 W3C的網站也查不到 想請問這是什麼意義 ...語法如下 ----------------------------------------------------------------------- #cm-nav li a.arrow {background-image: url(arrow-right.gif)} #cm-nav > li > a.arrow {background-image: url(arrow-down.gif)} -------------------------------------------------------------------------- 請問第二段 黃色標示的 > 符號,代表什麼意思,這樣寫有什麼效果 ?! 先感謝功力深厚的大大解惑喔 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 120.118.219.55 ※ 編輯: yukiko 來自: 120.118.219.55 (01/18 17:21)

01/18 17:42, , 2F
指定只有下一層的元素才套用這個樣式
01/18 17:42, 2F

01/18 18:14, , 4F
注意,這個寫法IE6不喜歡喔!!
01/18 18:14, 4F

01/19 15:35, , 5F
手邊的O社手冊上寫這個叫 子代選擇器 Child Selector
01/19 15:35, 5F

01/19 15:35, , 6F
啊 一樓的連結就寫了Orz
01/19 15:35, 6F

01/19 22:34, , 7F
的確,這樣寫雖然看起來很厲害,但要全瀏覽器支援的話
01/19 22:34, 7F

01/19 22:34, , 8F
還是少用為妙
01/19 22:34, 8F

01/20 10:14, , 9F
謝謝各位前輩的解說,但感覺這寫法跟第一段不是沒差別 ..
01/20 10:14, 9F

01/20 10:15, , 10F
不都是整段語法符合才會起作用嗎? 我的意思是@@..
01/20 10:15, 10F

01/20 10:15, , 11F
1跟2的寫法看來意義相同 @_@
01/20 10:15, 11F

01/20 10:16, , 12F
當然我還在研究中 ~~先感謝專家提供定義名詞^^
01/20 10:16, 12F

01/20 10:54, , 13F
二個不一樣~第一個是 只要在底下就好 第二個是一定要是下
01/20 10:54, 13F

01/20 10:54, , 14F
一層的才可以 這樣懂了嗎?
01/20 10:54, 14F

01/20 10:56, , 15F
<div id="cm-nav"><li><b><a class="arror">
01/20 10:56, 15F

01/20 10:56, , 16F
上面的寫法 第一句會執行 第二句不會 因為中間多一個<b>
01/20 10:56, 16F

01/20 10:57, , 17F
我的舉例可能有錯,但是觀念是如此。
01/20 10:57, 17F

01/20 11:08, , 18F
恍然大悟 ...趕快來測看看 感謝大大@@"
01/20 11:08, 18F
文章代碼(AID): #1DDLjzy8 (Web_Design)