Quy tắc xóa CSS

Nếu bạn muốn đặt lại tất cả các kiểu đã áp dụng trước đó cho một phần tử, bạn có thể sử dụng một thuộc tính CSS duy nhất này

.reset {
    all: unset;
}

đặt lại. css

Đã sao chép vào khay nhớ tạm. Sao chép

Điều này sẽ đặt lại tất cả các thuộc tính CSS mong đợi các thuộc tính unicode-bidi, direction và tùy chỉnh. Điều này được thực hiện bằng cách đặt giá trị của chúng thành giá trị ban đầu hoặc được kế thừa. Nó có thể nhận các giá trị sau

.reset {
    all: initial;
    all: inherit;
    all: unset;
}

đặt lại. css

Đã sao chép vào khay nhớ tạm. Sao chép

Lưu ý rằng nó không được hỗ trợ trong IE

Nếu bạn muốn xem thêm Webtips, hãy theo dõi @flowforfrank

Tìm cách để cải thiện kỹ năng của bạn?

---

10 phương pháp hay nhất để cải thiện nhanh chóng CSS của bạn

Xây dựng các biểu định kiểu có thể mở rộng và quản lý được

CSS có những sắc thái riêng có thể tạo nên hoặc phá vỡ thiết kế của bạn. Dưới đây là 10 mẹo dành cho CSS. các phương pháp hay nhất có thể giúp bạn khai thác tối đa phong cách của mình

Nếu biểu định kiểu này xuất phát từ quy tắc @import, thì thuộc tính ownerRule sẽ chứa CSSImportRule. Trong trường hợp đó, thuộc tính ownerNode trong giao diện StyleSheet sẽ là null. Nếu biểu định kiểu đến từ một thành phần hoặc hướng dẫn xử lý, thuộc tính ownerRule sẽ là null và thuộc tính ownerNode sẽ chứa @import0

- [Người hướng dẫn] Tôi thích coi giao diện danh sách biểu định kiểu này cho JavaScript như một giao diện CRUD cho biểu định kiểu, trong đó chúng ta có thể tạo, đọc, cập nhật hoặc xóa các quy tắc và thuộc tính trong các quy tắc bất cứ lúc nào chúng ta muốn bằng JavaScript. Chúng tôi đã đề cập đến cách truy cập toàn bộ biểu định kiểu, cách truy cập các thuộc tính và giá trị thuộc tính riêng lẻ cũng như cách đặt giá trị thuộc tính mới hoặc thay đổi giá trị thuộc tính hiện có. Vì vậy, đó là CRU và để lại D, xóa. Vì vậy, bây giờ chúng tôi có quyền truy cập vào mọi thứ, chúng tôi cũng có thể xóa các thuộc tính riêng lẻ khỏi quy tắc. Ngay bây giờ, chúng tôi có một tập hợp các thuộc tính trong quy tắc của mình. Tôi đã thêm thuộc tính mới cho màu nền và tôi cũng đã thay đổi thuộc tính kích thước nội tuyến tối đa. Tôi chỉ muốn xem biểu định kiểu để xem chúng ta có gì ở đây. Vì vậy, đó là quy tắc tiêu đề mà chúng tôi đang làm việc với. Và ở đây, chúng ta có khối lề, nội tuyến lề, sau đó là kích thước nội tuyến, hiển thị và căn chỉnh nội dung. Vì vậy, giả sử tôi muốn loại bỏ thuộc tính nội tuyến lề này. Nếu tôi muốn làm điều đó, tôi có thể vào và chỉ cần nói biểu định kiểu, sau đó là quy tắc CSS. Chúng tôi vẫn đang xem xét quy tắc số hai và phong cách. Và sau đó về phong cách, tôi sẽ nói xóa thuộc tính. Và tôi phải chỉ định thuộc tính nào tôi muốn xóa. Vì vậy, trong trường hợp này, nó sẽ là, tôi đã nói gì? . Và sau đó, chỉ để kiểm tra xem tôi có thực sự xóa thuộc tính đó hay không, tôi sẽ điều khiển đăng xuất ngay chính thiết lập đó. Vì vậy, ở đây, tôi sẽ nói các văn bản CSS. Và hãy nhớ rằng, nó xuất ra toàn bộ văn bản CSS, nhưng đó là văn bản CSS được trình duyệt hiển thị. Tôi sẽ làm điều này trước và sau, như thế này. Vì vậy, bây giờ bạn thấy ở trên cùng ở đây, chúng tôi có trước đây. Vì vậy, đây là những gì đến từ chính biểu định kiểu, khối lề, nội tuyến lề, kích thước nội tuyến tối đa, hiển thị và căn chỉnh nội dung. Sau đó, chúng tôi thực hiện một số thay đổi ở đây. Vì vậy, chúng ta có thể thấy kích thước nội tuyến tối đa đã được thay đổi từ 70 VW thành 65. Và chúng ta có màu nền, xanh da trời ở đây. Và sau đó, để ý, dòng nội tuyến nằm ở đây, nhưng không có dòng nội tuyến lề ở đây vì chúng tôi đã thay đổi nó. Và ở đây bạn thấy một điều khác thực sự quan trọng. Thuộc tính văn bản CSS này hiển thị văn bản CSS mà trình duyệt hiện đang hiểu. Và đó là một văn bản CSS trực tiếp. Vì vậy, khi chúng tôi thay đổi nó trong JavaScript, nó sẽ được cập nhật tự động. Đó là bởi vì khi chúng tôi yêu cầu văn bản CSS hoặc bất kỳ thuộc tính nào khác theo quy tắc CSS ở đây trong danh sách biểu định kiểu này, thứ chúng tôi đang yêu cầu là phiên bản trực tiếp hiện tại của những gì trình duyệt đang lưu trong bộ nhớ của nó. Vì vậy, theo cách đó, bạn có toàn quyền truy cập vào biểu định kiểu động thay đổi theo thời gian nhờ JavaScript và bạn luôn có thể xem những gì đang diễn ra. Vì vậy, nếu bạn đang thực hiện bất kỳ loại công việc nào ở đây và bạn nhận ra điều gì đó không hoạt động theo cách bạn có thể mong đợi, bạn luôn có thể xuất nội dung để xem nội dung đó và xem biểu định kiểu mà bạn hiện đang làm việc có phải là