自學css遇到寫法不懂

css js

alanotmt 2018-02-18 18:40:09 ‧ 7131 瀏覽

分享至

今天在學用一些背景漸變的用法
那其中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只是框架
建議你下載別人的模板來修改有興趣在深入了解

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

3 個回答

暐翰

iT邦大師 1 級 ‧ 2018-02-19 02:25:16

最佳解答

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

Source Code連結

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

回應 2
分享
檢舉

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

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

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

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

登入發表回應

黃彥儒

iT邦高手 1 級 ‧ 2018-02-18 18:54:38

http://www.runoob.com/cssref/sel-element-gt.html
結合一http://www.runoob.com/jquery/jquery-selectors.html

回應
分享
檢舉

登入發表回應

㊣浩瀚星空㊣

iT邦大神 1 級 ‧ 2018-02-19 10:01:21

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

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

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