iT邦幫忙

1

自學css遇到寫法不懂

今天在學用一些背景漸變的用法
那其中div id='A'
那在CSS那邊
#A { 開始寫內容}
然後出現一個 #A > div { 開始寫內容}
請問 那個 ">" 是代表什麼意思?

在JS裡頭也會寫到一個條件 $('#A > div:first')
div:first // 是指我(div id='A') 裡面出現的第一個DIV對嗎? (/div)
那在JS裡 ">" 又是什麼意思?

丹尼 iT邦研究生 4 級 ‧ 2018-02-18 20:42:57 檢舉
NONONO
JS有專門的書籍你要去找
<div></div> div只是框架
建議你下載別人的模板來修改 有興趣在深入了解
3
暐翰
iT邦大師 5 級 ‧ 2018-02-19 02:25:16
最佳解答

幫你做影片解答,下面youtube連結:)
Yes

Source Code連結

https://github.com/shps951023/18-02-19-CSS-JS_selector_Question

alanotmt iT邦新手 5 級 ‧ 2018-02-20 10:57:23 檢舉

謝謝大大的詳細解釋,我有更理解,我試著再用用看,非常感謝!

alanotmt iT邦新手 5 級 ‧ 2018-02-20 10:57:24 檢舉

謝謝大大的詳細解釋,我有更理解,我試著再用用看,非常感謝!

0
浩瀚星空
iT邦研究生 5 級 ‧ 2018-02-19 10:01:21

上面給你的教學大多說的很詳細。
我給你簡單的說明。

一般複合式的css語法。
如 .a .b 中間一個空白的。代表的是只要是包在.a中的.b就會有作用。
而你問的 .a > .b 則是代表,需要在.a下的第一層子元素.b才會有作用
另外還有 .a + .b 這是代表在.a同層中,下一個同層是.b才會有作用
比較特規的用法是 .a ~ .b跟用+的意思有點類同,都是同層的意思。只是差別是,不需要是它的下一層。不過這特規的不是所有瀏覽器都會跑,且現在也很少人使用了。

以上簡單的說明。詳細教學你最好還是看一下上面大大給你的連結看一下。

alanotmt iT邦新手 5 級 ‧ 2018-02-20 10:58:52 檢舉

這個書面解釋也很清楚,謝謝大大

我要發表回答

立即登入回答