Miles
[44] 我覺得 css 真的是ㄊㄇ的難學,為什麼一個元件啟用和非啟用的語法會差那麼多???
https://images.plurk.com/5faW4aOaLzkxu4XTdGuazC.png
Miles
非啟用要多個冒號、多個 not、多個括號,你就不能直覺點多個 not 就好嗎?
賀谷/B ✨ 聖龍騎士團的狗
他很多話
皮爺爺
那個不是多,冒號的用法是表示一個狀態,不能當做普通 operator ,
虛擬類別 - CSS | MDN
皮爺爺
一個 dom element 可能會發生各種變動,例如原本排列在偶數位ㄉ element 可能被拔起來裝到其他地方去,它還是同一個 element ,但可能變成奇數位,狀態改變會影響 :nth-child() 能不能選到他
皮爺爺
然後就是一般寫 css 時候ㄉ邏輯是這樣
a{...}
a.active{...}
遇到 class 帶 active ㄉ a tag ㄉ時候覆寫前一行ㄉ設定,而不是用二元ㄉ方式去區分有沒有 active
【朔日草】沃芙
css和比較類似於資料庫或是用當前狀態查密碼表的概念(?)和一般C++ JS這類的程式語言邏輯不太一樣
而且假設上層的a有寫到a.active裡面沒有的屬性,還是會保留原本a那部份的屬性
Miles
皮爺爺 : 我有點懂你說的了,不過很微妙的是,我的 a 並沒有帶 active 的 class tag,但這樣寫卻可以運作,不知道是不是因為用了 bootstrap,所以它在不知道哪個地方偷偷加了,我找了半天都找不到
https://images.plurk.com/koft43uO0NjD1pdDu6VpM.png
法阿米蛇
雖然我不是學angular,但我想應該 ngbNavLink 加的
大多數框架的Router link元件都會自動做這件事
會自動幫你在符合頁面的router link加上active class
皮爺爺
Miles : 你會用瀏覽器開發者工具ㄇ?對著畫面上要檢查ㄉ元素右鍵 inspect ,大部分瀏覽器會標出該元素在樹上ㄉ位子,以及有吃ㄉcss,css附近會標說來自哪個 style sheet
皮爺爺
假如是虛擬類別ㄉ css,要對著樹上ㄉ元素右鍵強制狀態,例如 focused
Miles
我看到了,它真的有偷偷幫我加,感謝大家
載入新的回覆