Làm thế nào tôi sẽ chọn tất cả trừ đứa trẻ cuối cùng sử dụng bộ chọn CSS3?
Ví dụ, chỉ có được đứa trẻ cuối cùng sẽ là
.yourclass{
border: 1px solid blue;
}
.yourclass:last-child{
border: 0;
}
0.
Tylerh
21.2K59 Huy hiệu vàng74 Huy hiệu bạc93 Huy hiệu đồng59 gold badges74 silver badges93 bronze badges
Hỏi ngày 4 tháng 4 năm 2010 lúc 4:17Apr 4, 2010 at 4:17
RyanscottlewisryanscottlewisRyanScottLewis
12.7K14 Huy hiệu vàng54 Huy hiệu bạc83 Huy hiệu đồng14 gold badges54 silver badges83 bronze badges
Bạn có thể sử dụng lớp giả giả
.yourclass{
border: 1px solid blue;
}
.yourclass:last-child{
border: 0;
}
1 so với lớp giả .yourclass{
border: 1px solid blue;
}
.yourclass:last-child{
border: 0;
}
2. Được giới thiệu CSS Selectors Cấp 3, nó không hoạt động trong IE8 hoặc dưới::not[:last-child] { /* styles */ }
Tylerh
21.2K59 Huy hiệu vàng74 Huy hiệu bạc93 Huy hiệu đồng59 gold badges74 silver badges93 bronze badges
Hỏi ngày 4 tháng 4 năm 2010 lúc 4:17Apr 4, 2010 at 4:28
RyanscottlewisryanscottlewisNick Craver
12.7K14 Huy hiệu vàng54 Huy hiệu bạc83 Huy hiệu đồng134 gold badges1292 silver badges1152 bronze badges
3
Bạn có thể sử dụng lớp giả giả .yourclass{
border: 1px solid blue;
}
.yourclass:last-child{
border: 0;
}
1 so với lớp giả .yourclass{
border: 1px solid blue;
}
.yourclass:last-child{
border: 0;
}
2. Được giới thiệu CSS Selectors Cấp 3, nó không hoạt động trong IE8 hoặc dưới:
.yourclass{
border: 1px solid blue;
}
.yourclass:last-child{
border: 0;
}
.yourclass{
border: 1px solid blue;
}
.yourclass:last-child{
border: 0;
}
Đã trả lời ngày 4 tháng 4 năm 2010 lúc 4:28:last-child:
Nick Cravernick CraverCSS:
.yourclass{
border: 1px solid blue;
}
.yourclass:last-child{
border: 0;
}
615K134 Huy hiệu vàng1292 Huy hiệu bạc1152 Huy hiệu đồngSCSS:
.yourclass{
border: 1px solid rgba[255, 255, 255, 1];
&:last-child{
border: 0;
}
}
- Làm nó đơn giản:
- Bạn có thể áp dụng phong cách của mình cho tất cả các div và khởi tạo lại kiểu cuối cùng với: con cái cuối cùng:
- Ví dụ trong CSS: [IE9+ since it's still CSS3]
hoặc trong SCSS:Jan 16, 2015 at 23:49
Dễ dàng đọc/nhớSebastien Horin
nhanh chóng để thực hiện4 gold badges47 silver badges54 bronze badges
2
Trình duyệt tương thích [IE9+ vì nó vẫn là CSS3]
:nth-last-child[n+2] { /* Your code here */ }
Đã trả lời ngày 16 tháng 1 năm 2015 lúc 23:49
Tylerh
21.2K59 Huy hiệu vàng74 Huy hiệu bạc93 Huy hiệu đồng59 gold badges74 silver badges93 bronze badges
Hỏi ngày 4 tháng 4 năm 2010 lúc 4:17Apr 16, 2014 at 9:31
4
Ryanscottlewisryanscottlewis
12.7K14 Huy hiệu vàng54 Huy hiệu bạc83 Huy hiệu đồngApr 14, 2010 at 15:51
Bạn có thể sử dụng lớp giả giả
.yourclass{
border: 1px solid blue;
}
.yourclass:last-child{
border: 0;
}
1 so với lớp giả .yourclass{
border: 1px solid blue;
}
.yourclass:last-child{
border: 0;
}
2. Được giới thiệu CSS Selectors Cấp 3, nó không hoạt động trong IE8 hoặc dưới:Nicholas WilsonĐã trả lời ngày 4 tháng 4 năm 2010 lúc 4:281 gold badge37 silver badges79 bronze badges
0
Nick Cravernick Craver
615K134 Huy hiệu vàng1292 Huy hiệu bạc1152 Huy hiệu đồngFeb 7, 2011 at 0:52
Làm nó đơn giản:delphi
Bạn có thể áp dụng phong cách của mình cho tất cả các div và khởi tạo lại kiểu cuối cùng với: con cái cuối cùng:5 gold badges21 silver badges18 bronze badges
Ví dụ trong CSS:
ul li:not[:last-child]{ }
hoặc trong SCSS:Oct 11, 2020 at 14:06
1
Dễ dàng đọc/nhớ
&:not[:last-child]{
....
}
Example:
.row { //parent
...
...
...
&:not[:last-child]{
....
}
}
nhanh chóng để thực hiện
Trình duyệt tương thích [IE9+ vì nó vẫn là CSS3]3 gold badges26 silver badges33 bronze badges
Đã trả lời ngày 16 tháng 1 năm 2015 lúc 23:49Sep 12, 2021 at 13:10
Sebastien Horinsebastien HorinRavi Wray
10,3K4 Huy hiệu vàng47 Huy hiệu bạc54 Huy hiệu đồng1 silver badge2 bronze badges
.nav-menu li:not[:last-child]{
// write some style here
}
Giải pháp của Nick Craver hoạt động nhưng bạn cũng có thể sử dụng điều này:
Đã trả lời ngày 16 tháng 4 năm 2014 lúc 9:31Apr 10, 2020 at 3:32
Khi IE9 đến, nó sẽ dễ dàng hơn. Mặc dù vậy, rất nhiều thời gian, bạn có thể chuyển vấn đề sang một vấn đề yêu cầu: con cái đầu tiên và kiểu dáng đối diện của phần tử [IE7+].Ryan
Đã trả lời ngày 14 tháng 4 năm 2010 lúc 15:512 silver badges3 bronze badges
Nicholas Wilsonnicholas Wilson
ul li:nth-last-of-type[3n]{ color:#a94442} /**/
9.2551 huy hiệu vàng37 Huy hiệu bạc79 Huy hiệu đồng
Sử dụng giải pháp của Nick Craver với selectivizr cho phép giải pháp trình duyệt chéo [IE6+]27 gold badges122 silver badges137 bronze badges
Đã trả lời ngày 7 tháng 2 năm 2011 lúc 0:52Mar 23, 2016 at 8:09
0
Delphidelphi
const styles = {
yourClass: {
/* Styles for all elements with this class */
'&:not[:last-child]': {
/* Styles for all EXCEPT the last element with this class */
},
},
};
10,2K5 Huy hiệu vàng21 Huy hiệu bạc18 Huy hiệu đồngDec 31, 2019 at 20:14
Có A: Không chọn trong CSS3. Sử dụng: Không [] với: Last-Chict Inside để chọn tất cả trẻ em ngoại trừ lần cuối cùng. Ví dụ: để chọn tất cả Li trong UL ngoại trừ LI cuối cùng, hãy sử dụng mã sau.maddRobot
Đã trả lời ngày 11 tháng 10 năm 2020 lúc 14:061 gold badge2 silver badges5 bronze badges