Hướng dẫn how do i override a scss style? - làm cách nào để ghi đè kiểu scss?

Tôi đang phát triển các trang, bây giờ theo kiểu CSS của tôi, tôi có dòng mã này

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

cho các trang của tôi. Bây giờ, một số trang của tôi không cần dòng này

width: 25%;
float: left;

Có thể tôi có thể ghi đè lên nó trong các CS nội bộ của trang, điều này sẽ khiến hành vi ban đầu bị bỏ qua?

Dince12

5.6143 Huy hiệu vàng20 Huy hiệu bạc38 Huy hiệu Đồng3 gold badges20 silver badges38 bronze badges

hỏi ngày 29 tháng 10 năm 2012 lúc 6:55Oct 29, 2012 at 6:55

1

Sử dụng

width: 25%;
float: left;

Viết cái này trong CSS nội bộ của bạn -

.flex-control-thumbs li {
  width: auto !important;
  float: none !important;
}

Đã trả lời ngày 29 tháng 10 năm 2012 lúc 7:00Oct 29, 2012 at 7:00

DipakdipakDipak

Huy hiệu vàng 11.7K11 gold badge29 silver badges31 bronze badges

3

Thay vì ghi đè, hãy tạo nó dưới dạng CSS khác nhau và gọi nó trong phần tử của bạn là các CS khác (nhiều CSS). Cái gì đó như:
Something like:

.flex-control-thumbs li 
{ margin: 0; }

CSS nội bộ:

.additional li
{width: 25%; float: left;}

 
 /* assuming parent is ul */

Đã trả lời ngày 29 tháng 10 năm 2012 lúc 6:58Oct 29, 2012 at 6:58

Mr_GreenMr_GreenMr_Green

Phù bằng vàng 40K4343 gold badges157 silver badges254 bronze badges

Bạn có thể tạo thêm một bản đặt tên lớp

.flex-control-thumbs-without-width li {
width: auto;
float: initial; or none
}

Thêm lớp này bất cứ khi nào bạn cần ghi đè như bên dưới,

Và loại bỏ bất cứ khi nào bạn không cần cho

width: 25%;
float: left;

Đã trả lời ngày 29 tháng 10 năm 2012 lúc 7:09Oct 29, 2012 at 7:09

Satish Bellapusatish BellapuSatish Bellapu

7501 huy hiệu vàng5 huy hiệu bạc15 huy hiệu đồng1 gold badge5 silver badges15 bronze badges

Chỉ cần thêm

.flex-control-thumbs li {
width: auto; 
}

Đã trả lời ngày 29 tháng 10 năm 2012 lúc 7:02Oct 29, 2012 at 7:02

VinitvinitVinit

1.80516 huy hiệu bạc38 Huy hiệu đồng16 silver badges38 bronze badges

Bạn có thể thêm các kiểu của mình vào trang cần thiết sau bảng kiểu bên ngoài để họ sẽ xếp tầng và ghi đè lên bộ quy tắc đầu tiên.

Đã trả lời ngày 29 tháng 10 năm 2012 lúc 7:05Oct 29, 2012 at 7:05

MusamusaMusa

94,7K17 Huy hiệu vàng114 Huy hiệu bạc130 Huy hiệu đồng17 gold badges114 silver badges130 bronze badges

Vâng, bạn thực sự có thể. Có ba cách để đạt được điều này mà tôi có thể nghĩ đến.

1. Thêm kiểu nội tuyến vào các yếu tố.
2. Tạo và nối một phần tử mới và thêm văn bản để ghi đè kiểu này vào nó.
3. Sửa đổi quy tắc CSS.

Notes:

1. có phần lộn xộn và thêm vào việc phân tích cú pháp mà trình duyệt cần làm để hiển thị.
2. Có lẽ phương pháp yêu thích của tôi
3. Không phải trình duyệt chéo, một số trình duyệt thích nó được thực hiện theo một cách, một cách khác theo một cách khác, trong khi phần còn lại chỉ là ý tưởng.

Đã trả lời ngày 29 tháng 10 năm 2012 lúc 7:06Oct 29, 2012 at 7:06

Enhzflepenhzflepenhzflep

12.7k2 Huy hiệu vàng30 Huy hiệu bạc48 Huy hiệu đồng2 gold badges30 silver badges48 bronze badges

Tăng tính đặc hiệu CSS của bạn

Example:

width: 25%;
float: left;

Demo:

width: 25%;
float: left;

width: 25%;
float: left;

Đã trả lời ngày 27 tháng 9 năm 2020 lúc 1:57Sep 27, 2020 at 1:57

95faf8e76605e97395faf8e76605e97395faf8e76605e973

12.8k3 Huy hiệu vàng23 Huy hiệu bạc48 Huy hiệu đồng3 gold badges23 silver badges48 bronze badges

Bạn có thể ghi đè lên CSS không?

Điều gì đang ghi đè CSS của tôi?

Các quy tắc để ghi đè bất kỳ bảng kiểu nào là gì?

Làm cách nào để sửa chữa quá trình ghi đè CSS?