巧用css去除第乙個元素或最後個元素的樣式

2021-09-10 06:05:38 字數 601 閱讀 1124

很多人可能都碰到這樣乙個情況:

.test li

這樣就會出現三條右邊框,在實際運用中最後條邊框是需要去掉的。

1、為最後個li新增個樣式,比如

.b-none

2、用css偽類:last-child,來自動匹配最後個元素,並執行相應的樣式.

.test li:last-child

第二種偽類方法在ie下有相容問題,如果不考慮相容問題的話,到是個好選擇。

再分享一下我老師大神的人工智慧教程吧。零基礎!通俗易懂!風趣幽默!還帶黃段子!希望你也加入到我們人工智慧的隊伍中來!

很多人可能都碰到這樣乙個情況:

.test li

這樣就會出現三條右邊框,在實際運用中最後條邊框是需要去掉的。

1、為最後個li新增個樣式,比如

.b-none

2、用css偽類:last-child,來自動匹配最後個元素,並執行相應的樣式.

.test li:last-child

第二種偽類方法在ie下有相容問題,如果不考慮相容問題的話,到是個好選擇。

jquery如何獲取第乙個或最後乙個子元素?

通過children方法,children input first child 12 this children input first child val this children input last child val 通過 選擇器,items input first 在這裡轉一篇 jque...

css選中父元素下的第乙個子元素

最近在專案中用到 first child很容易的就想到了,嗯嗯。這不就是選擇第乙個元素嗎?好像很好用,平時使用中也沒有遇到什麼問題,理所當然的就以為它只會選中父元素下的第乙個元素,對孫元素和曾孫元素沒有影響。事實證明,我的理所當然是錯的。body p first child style head 這...

jQuery 第乙個孩子和最後乙個孩子選擇器示例

first child用於選擇作為其父級的第乙個子級的所有元素,這是 nth child 1 的簡寫。例子 li first child 選擇與匹配的所有元素,它們是其父級的第乙個孩子。tr first child 選擇與匹配的所有元素,它們是其父級的第乙個孩子。last child用於選擇作為其父...