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