Hướng dẫn css remove attribute from parent - css xóa thuộc tính khỏi cha mẹ

Tuyên bố !important là không bắt buộc.

Có những cách khác để ghi đè quy tắc CSS.

1. Độ đặc hiệu của bộ chọn

Các trình duyệt tính toán tính đặc hiệu cho mọi bộ chọn với một nhóm 3 bộ đếm khác nhau. Mỗi bộ đếm lớn hơn vô hạn so với phần tiếp theo:

1. IDs;
2. Lớp học, lớp giả & thuộc tính;
3. Các yếu tố & yếu tố giả.

Một số ví dụ về bộ chọn ngày càng cụ thể:

a { }                     /* 0,0,1 is lower than */
.button { }               /* 0,1,0 is lower than */
input[type="submit"] {}   /* 0,1,1 is lower than */
#header {}                /* 1,0,0 is lower than */
#header a {}              /* 1,0,1 is lower than */
#header a:hover {}        /* 1,1,1 is lower than */
#header a:hover::after {} /* 1,1,2 */

Nếu một bộ chọn có độ đặc hiệu thấp hơn so với một bộ chọn khác, các quy tắc của nó sẽ được ghi đè.

Trong trường hợp của bạn, hai quy tắc có cùng tính đặc hiệu.

2. Đặt hàng

Nếu hai quy tắc có cùng độ đặc hiệu, thì một quy tắc đã tải cuối cùng. Nó có thể nằm trong cùng một tệp, một trong chiến thắng dưới cùng hoặc trong hai tệp khác nhau, tệp ở dưới cùng của chiến thắng tệp HTML.

Vì vậy, nếu bạn muốn ghi đè các quy tắc bootstrap, bạn phải thực hiện các quy tắc của bạn có cùng trọng lượng và bảng kiểu của bạn được tải sau một trong những bootstrap:

Tôi hy vọng những lời giải thích sẽ hữu ích.

Chúc mừng, Thomas.

4

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Có một số kiểu trong chủ đề cha mẹ của tôi rằng tôi chỉ cần loại bỏ khỏi bảng kiểu nếu tôi không sử dụng chủ đề con. Rõ ràng, tôi không muốn loại bỏ chúng khỏi CSS cha mẹ, nhưng có cách nào để "loại bỏ" các kiểu sử dụng chủ đề con tôi không?

Đã hỏi ngày 20 tháng 5 năm 2014 lúc 22:01May 20, 2014 at 22:01

1

Cách duy nhất để "loại bỏ" các kiểu khỏi chủ đề cha mẹ là ghi đè chúng trong CSS của chủ đề con bạn.

Ví dụ: nếu bạn có tuyên bố sau trong chủ đề cha mẹ của bạn:

.someclass{
    width: 200px;
    float: left;
 }

Bạn có thể ghi đè chiều rộng và phao nổi bằng cách khai báo những điều sau trong chủ đề con của bạn:

.someclass{
    width: auto;
    float: none;
}

Đã trả lời ngày 21 tháng 5 năm 2014 lúc 2:17May 21, 2014 at 2:17

Rennyrennyrenny

Huy hiệu đồng 3211 Bạc4 Huy hiệu Đồng1 silver badge4 bronze badges

Tôi biết điều này là cũ nhưng tôi đã nghĩ về nó gần đây. Tôi có cùng một vấn đề, nếu tôi thấy mình rất sửa đổi bảng kiểu cha mẹ, nó có thể đến điểm mà tôi đang tải một số lượng lớn các kiểu, chỉ đơn giản là để ghi đè chúng trong chủ đề con.

Khi tôi xử lý loại dự án này, thường là trường hợp tôi đang sửa đổi nhiều hơn so với CSS so với PHP. Tôi muốn sử dụng một chủ đề trẻ em cho cấu trúc PHP và HTML nhưng CSS thực sự là của riêng tôi. Đối với loại dự án đó, thay vì giới thiệu các CSS cha mẹ, tôi sao chép nó vào bảng kiểu chủ đề con và sau đó sửa đổi nó, để các phần duy nhất của CSS cha mẹ mà tôi giữ lại là những phần mà tôi đã chọn cụ thể để sử dụng lại.

Bạn không phải sử dụng CSS của chủ đề cha mẹ. Bạn có thể tùy chỉnh viết tất cả các CSS, nếu bạn muốn và chỉ sử dụng các mẫu PHP từ cha mẹ của bạn.

PHP có nhiều khả năng có vấn đề bảo mật hơn CSS, đây chỉ là một hệ thống định dạng, vì vậy bạn có thể dựa vào một bộ PHP /HTML được thử nghiệm và cập nhật và chỉ tự định dạng.

Đã trả lời ngày 19 tháng 1 năm 2016 lúc 14:06Jan 19, 2016 at 14:06

VictoriavictoriaVictoria

2201 Huy hiệu vàng3 Huy hiệu bạc13 Huy hiệu đồng1 gold badge3 silver badges13 bronze badges

1

Hiệu quả, có. Trừ khi tôi hiểu sai câu hỏi của bạn, đây chỉ là tính đặc hiệu của CSS cơ bản. Tôi cho rằng bạn đang muốn sử dụng hầu hết các CSS từ chủ đề cha, nhưng chỉ một số trong số đó không muốn, vì CSS không, theo mặc định, được tải từ chủ đề cha.

Tất cả các quy tắc bình thường của việc ghi đè hoặc tăng tính cụ thể áp dụng. Phương pháp đơn giản nhất (nhưng hầu hết các vũ lực) là chỉ tạo các quy tắc sử dụng !important để ghi đè các quy tắc bạn không muốn. Nếu không, bạn chỉ nên dựa vào tầng quy tắc và tính cụ thể để nhắm mục tiêu đúng những thứ bạn muốn và đặt các kiểu bạn muốn.

Không có gì được tích hợp vào WordPress để lọc, cắt, xóa hoặc loại bỏ các bit CSS khỏi chủ đề cha mẹ, nếu đó là những gì bạn đang hỏi.

Đã trả lời ngày 20 tháng 5 năm 2014 lúc 23:01May 20, 2014 at 23:01

Totelstotelstotels

1.7319 huy hiệu bạc11 huy hiệu đồng9 silver badges11 bronze badges

Tôi không nghĩ có một cách, chỉ có cách giải quyết.

Edit:

Giải thích: Bằng cách tạo một chủ đề con, theo định nghĩa, bạn đang tải CSS của chủ đề cha. Do đó, tôi không thấy cách bạn có thể loại trừ một số phần của CSS đó. Cách hiệu quả duy nhất sẽ là ghi đè nó. Cách đơn giản nhất sẽ là sử dụng các bộ chọn và quy tắc bạn muốn ghi đè và đặt chúng thành các giá trị mới hoặc mặc định. Vì chủ đề con CSS thấp hơn trong các phong cách "Cascade" so với CSS cha mẹ, nên không cần phải có những câu lệnh "!! Quan trọng" và như vậy.

Đã trả lời ngày 20 tháng 5 năm 2014 lúc 23:13May 20, 2014 at 23:13

PimpimPim

1.1121 Huy hiệu vàng10 Huy hiệu bạc26 Huy hiệu đồng1 gold badge10 silver badges26 bronze badges

0

Làm cách nào để ghi đè thuộc tính CSS cha mẹ?

Làm cách nào để xóa một tài sản trong CSS?

Làm thế nào để bạn ghi đè CSS kế thừa?

Làm thế nào để bạn ghi đè phong cách nội tuyến trong CSS?