Tôi có thể sử dụng cái gì thay vì quan trọng trong css?

Việc sử dụng

This is heading text
This is heading text

02 được coi là phản mẫu và là thông lệ không tốt.

This is heading text
This is heading text

02 ghi đè tất cả các khai báo khác và làm cho mã CSS khó bảo trì và gỡ lỗi hơn. Thứ duy nhất có thể thay thế một

This is heading text
This is heading text

02 là một

This is heading text
This is heading text

02 khác, và một khi bạn đi trên con đường đó, nó sẽ không bao giờ dừng lại

Từ góc độ Khả năng truy cập web, việc sử dụng

This is heading text
This is heading text

02 là tiêu cực vì nó sẽ ghi đè kiểu dáng do người dùng cuối xác định. Và có nhiều trường hợp người dùng – đặc biệt là người dùng khuyết tật – có thể muốn ghi đè một số thuộc tính CSS (e. g. để phóng to kích thước phông chữ hoặc thay đổi họ phông chữ hoặc thậm chí thay đổi sự phân bố và vị trí của các phần tử trong một trang. )

Các nhà phát triển có thể làm gì thay vì sử dụng

This is heading text
This is heading text

02?

• Sử dụng bộ chọn cụ thể hơn. thêm thẻ phần tử trước tên lớp/id hoặc tên lớp mới. bất cứ điều gì làm tăng tính đặc hiệu của bộ chọn
• Tận dụng tầng CSS. nếu cần, hãy cấu trúc lại CSS và di chuyển các quy tắc CSS, vì nếu hai quy tắc có cùng tính đặc hiệu, quy tắc nào xuất hiện sau "thắng. "

---

Ghi chú. như được chỉ định trong các nhận xét, có một số trường hợp mà

This is heading text
This is heading text

02 có thể hữu ích (e. g. buộc tính bất biến trong các lớp tiện ích, tạo kiểu cho các chiến dịch email hoặc theo kiểu của người dùng cuối), nhưng nói chung – và vì mục đích của khả năng truy cập – tốt hơn là nên tránh

This is heading text
This is heading text

02 vì nó lấy đi khả năng tùy chỉnh trải nghiệm của người dùng để tốt hơn

Trên thực tế, nếu bạn sử dụng quy tắc

This is heading text
This is heading text

02, quy tắc này sẽ ghi đè TẤT CẢ các quy tắc tạo kiểu trước đó cho thuộc tính cụ thể đó trên phần tử đó

Chúng ta hãy xem xét một ví dụ

Thí dụ

#myid {
  màu nền. xanh da trời;
}

.myclass {
  màu nền. màu xám;
}

p {
  màu nền. màu đỏ. quan trọng;
}

Tự mình thử »

Ví dụ giải thích

Trong ví dụ trên. cả ba đoạn văn sẽ có màu nền đỏ, mặc dù bộ chọn ID và bộ chọn lớp có độ đặc hiệu cao hơn. Quy tắc

This is heading text
This is heading text

02 ghi đè thuộc tính

This is heading text
This is heading text

12 trong cả hai trường hợp

---

quan trọng về. quan trọng

Cách duy nhất để ghi đè quy tắc

This is heading text
This is heading text

02 là đưa một quy tắc

This is heading text
This is heading text

02 khác vào một khai báo có cùng mức độ đặc hiệu (hoặc cao hơn) trong mã nguồn - và vấn đề bắt đầu từ đây. Điều này làm cho mã CSS trở nên khó hiểu và việc gỡ lỗi sẽ khó khăn, đặc biệt nếu bạn có một biểu định kiểu lớn

Ở đây chúng tôi đã tạo một ví dụ đơn giản. Không rõ lắm, khi bạn xem mã nguồn CSS, màu nào được coi là quan trọng nhất

Thí dụ

#myid {
  màu nền. màu xanh da trời. quan trọng;
}

.myclass {
  màu nền. xám. quan trọng;
}

p {
  màu nền. màu đỏ. quan trọng;
}

Tự mình thử »

Mẹo. Thật tốt khi biết về quy tắc

This is heading text
This is heading text

02. Bạn có thể thấy nó trong một số mã nguồn CSS. Tuy nhiên, không sử dụng nó trừ khi bạn thực sự phải

---

---

Có thể một hoặc hai trường hợp sử dụng hợp lý. quan trọng

Một cách để sử dụng

This is heading text
This is heading text

02 là nếu bạn phải ghi đè một kiểu không thể ghi đè theo bất kỳ cách nào khác. Điều này có thể xảy ra nếu bạn đang làm việc trên Hệ thống quản lý nội dung (CMS) và không thể chỉnh sửa mã CSS. Sau đó, bạn có thể đặt một số kiểu tùy chỉnh để ghi đè lên một số kiểu CMS

Một cách khác để sử dụng

This is heading text
This is heading text

02 là. Giả sử bạn muốn có giao diện đặc biệt cho tất cả các nút trên một trang. Ở đây, các nút được tạo kiểu với màu nền xám, văn bản màu trắng và một số phần đệm và đường viền

Thí dụ

.button {
  màu nền. #8c8c8c;
  màu. màu trắng;
  phần đệm. 5px;
  đường viền. 1px đen đặc;
}

Tự mình thử »

Giao diện của một nút đôi khi có thể thay đổi nếu chúng ta đặt nó bên trong một phần tử khác có độ đặc hiệu cao hơn và các thuộc tính sẽ xung đột. Đây là một ví dụ về điều này

Thí dụ

.button {
  màu nền. #8c8c8c;
  màu. màu trắng;
  phần đệm. 5px;
  đường viền. 1px đen đặc;
}

#myDiv a {
  color. đỏ;
  màu nền. màu vàng;
}

Tự mình thử »

Để "buộc" tất cả các nút có giao diện giống nhau, bất kể điều gì xảy ra, chúng ta có thể thêm quy tắc

This is heading text
This is heading text

02 vào các thuộc tính của nút, như thế này

This is heading text
This is heading text

6 trong CSS là một ký hiệu đặc biệt mà chúng ta có thể áp dụng cho một khai báo CSS để ghi đè các quy tắc xung đột khác cho bộ chọn phù hợp

Khi chúng tôi làm việc trên các dự án web, điều tự nhiên là chúng tôi có một số khai báo kiểu mà các kiểu khác sẽ ghi đè

Đây không phải là vấn đề đối với nhà phát triển có kinh nghiệm, người hiểu cơ chế cốt lõi của CSS. Tuy nhiên, người mới bắt đầu có thể khó hiểu tại sao các khai báo kiểu mà họ mong đợi không được trình duyệt áp dụng

Vì vậy, thay vì họ tập trung vào giải quyết vấn đề một cách tự nhiên, họ có xu hướng khắc phục nhanh bằng cách thêm khai báo

This is heading text
This is heading text

6 để thực thi phong cách mà họ mong đợi. Mặc dù cách tiếp cận này có thể hiệu quả vào thời điểm đó, nhưng nó cũng có thể gây ra một vấn đề phức tạp khác

Trong hướng dẫn này, chúng tôi sẽ xem xét những điều sau đây, bao gồm cách sử dụng

This is heading text
This is heading text

6 và khi nào chúng tôi nên sử dụng nó

• Cơ chế lõi CSS
• Hiểu khai báo

  This is heading text
  This is heading text

  6 trước khi chúng tôi sử dụng nó

• .mytitle {
    color: blue;
  }
  h2 {
    color: green;
  }
  

  1 và các chức năng lớp giả có liên quan khác
• Khi nào chính xác thì chúng ta có thể sử dụng khai báo

  This is heading text
  This is heading text

  6?
  • lớp học tiện ích
  • Các quy tắc kiểu chúng tôi không thể ghi đè

Nói đủ rồi - hãy đi sâu vào

Cơ chế lõi CSS

Việc hiểu các nguyên tắc cốt lõi của CSS sẽ giúp chúng ta biết rõ ràng khi nào nên sử dụng khai báo

This is heading text
This is heading text

6. Trong phần này, chúng ta sẽ đi qua một số cơ chế này

Hãy xem xét mã HTML và CSS bên dưới, bạn nghĩ văn bản tiêu đề sẽ có màu gì?

Đầu tiên, HTML

This is heading text

Sau đó, CSS

________số 8

Văn bản sẽ hiển thị màu xanh lá cây. Đây là CSS cơ bản cơ bản. Với thuật toán xếp tầng CSS, thứ tự của các quy tắc CSS rất quan trọng. Trong trường hợp này, khai báo nào xuất hiện cuối cùng trong mã nguồn sẽ thắng

Thông thường, điều này là hợp lý. Đầu tiên, chúng ta không nên lặp lại bộ chọn giống như chúng ta đã làm ở trên. CSS không muốn lặp lại nên sử dụng quy tắc khai báo cuối cùng

Tuy nhiên, có những trường hợp chúng tôi tạo các kiểu chung cho các phần tử gốc, chẳng hạn như

.mytitle {
  color: blue;
}
h2 {
  color: green;
}

4, sau đó thêm các lớp để tạo kiểu cho các phần tử cụ thể. Hãy xem xét cả ví dụ sau, bắt đầu với HTML

This is heading text
This is heading text

Sau đó, hãy xem CSS

.mytitle {
  color: blue;
}
h2 {
  color: green;
}

Trong đoạn mã trên, phần tử

.mytitle {
  color: blue;
}
h2 {
  color: green;
}

4 đầu tiên không có lớp nào được áp dụng, vì vậy rõ ràng là nó có màu xanh lục của bộ chọn

.mytitle {
  color: blue;
}
h2 {
  color: green;
}

4

Tuy nhiên, phần tử

.mytitle {
  color: blue;
}
h2 {
  color: green;
}

4 thứ hai sử dụng quy tắc cho bộ chọn lớp,

.mytitle {
  color: blue;
}
h2 {
  color: green;
}

8, ngay cả khi quy tắc bộ chọn phần tử xuất hiện cuối cùng trong mã CSS. Lý do cho điều đó là bộ chọn lớp có tính đặc hiệu cao hơn khi so sánh với bộ chọn phần tử

Nói cách khác, trọng số được áp dụng cho khai báo trong bộ chọn lớp lớn hơn trọng số của bộ chọn phần tử

---

Hơn 200 nghìn nhà phát triển sử dụng LogRocket để tạo ra trải nghiệm kỹ thuật số tốt hơn

Tìm hiểu thêm →

---

Tương tự, phần khai báo trong bộ chọn ID nhiều hơn phần khai báo trong bộ chọn lớp. Trong trường hợp này, màu đỏ trong mã bên dưới được ưu tiên

This is heading text
This is heading text

6

Tiếp theo là CSS

This is heading text
This is heading text

7

Hơn nữa, thuộc tính

.mytitle {
  color: blue;
}
h2 {
  color: green;
}

9 nội tuyến được ưu tiên hơn bộ chọn ID, bắt đầu bằng HTML

This is heading text
This is heading text

9

Sau đó, tiếp theo là CSS

This is heading text
This is heading text

0

Đây là luồng ưu tiên lý tưởng trong CSS và phải được duy trì để tránh bất thường. Tuyên bố

This is heading text
This is heading text

6 hầu hết thời gian xuất hiện khi chúng ta không biết các quy tắc cơ bản này

Thuộc tính kiểu nội tuyến và mỗi bộ chọn có các giá trị mà trình duyệt gán cho chúng. Bằng cách đó, nó biết cái nào có mức độ ưu tiên cao hơn hoặc thấp hơn. Hãy coi giá trị này là một số có bốn chữ số đơn với thuộc tính

.mytitle {
  color: blue;
}
h2 {
  color: green;
}

9 được gán giá trị trọng số mạnh nhất là

This is heading text
This is heading text

62

Điều này theo sau ID có giá trị là

This is heading text
This is heading text

63, sau đó là lớp có

This is heading text
This is heading text

64 và cuối cùng là bộ chọn phần tử có giá trị là

This is heading text
This is heading text

65

Đôi khi, chúng tôi có thể kết hợp các bộ chọn nhắm mục tiêu các phần tử cụ thể, như đã thấy trong ví dụ bên dưới

This is heading text
This is heading text

6

Tiếp theo là CSS

This is heading text
This is heading text

8

Tính đặc hiệu của bộ chọn

This is heading text
This is heading text

66 trong CSS ở trên là việc bổ sung

.mytitle {
  color: blue;
}
h2 {
  color: green;
}

4 và

.mytitle {
  color: blue;
}
h2 {
  color: green;
}

8. Đó là,

This is heading text
This is heading text

69. Tuy nhiên, tổng giá trị này nhỏ hơn giá trị của ID

This is heading text
This is heading text

70 là

This is heading text
This is heading text

63

---

Các bài viết hay khác từ LogRocket

• Đừng bỏ lỡ một khoảnh khắc nào với The Replay, một bản tin được tuyển chọn từ LogRocket
• Tìm hiểu cách Galileo của LogRocket loại bỏ tiếng ồn để chủ động giải quyết các vấn đề trong ứng dụng của bạn
• Sử dụng useEffect của React để tối ưu hóa hiệu suất ứng dụng của bạn
• Chuyển đổi giữa nhiều phiên bản của Node
• Khám phá cách tạo hoạt ảnh cho ứng dụng React của bạn với AnimXYZ
• Khám phá Tauri, một khuôn khổ mới để xây dựng các tệp nhị phân
• So sánh NestJS với. Thể hiện. js

---

Vì vậy, trình duyệt sử dụng khai báo trong bộ chọn ID để ghi đè các quy tắc xung đột khác. Trong trường hợp trọng lượng bằng nhau, tuyên bố quy tắc cuối cùng sẽ thắng

Bây giờ chúng ta đã biết quy tắc nào phù hợp nhất và tại sao trình duyệt áp dụng chúng, việc sử dụng khai báo

This is heading text
This is heading text

6 này sẽ trở nên rõ ràng một cách tự nhiên

Hiểu khai báo

This is heading text

This is heading text

6 trước khi chúng tôi sử dụng nó

Trước khi xem xét sử dụng ký hiệu

This is heading text
This is heading text

6, chúng tôi phải đảm bảo rằng chúng tôi tuân theo quy tắc về tính đặc hiệu và sử dụng tầng CSS

Trong đoạn mã bên dưới, chúng ta có các phần tử

.mytitle {
  color: blue;
}
h2 {
  color: green;
}

4 và

This is heading text
This is heading text

76 được tạo kiểu thành màu

This is heading text
This is heading text

77

h2 {
  color: blue;
}
h2 {
  color: green;
}

0

Sau đó,

.mytitle {
  color: blue;
}
h2 {
  color: green;
}

8 trong CSS

h2 {
  color: blue;
}
h2 {
  color: green;
}

1

Nhưng, giả sử tại một thời điểm nào đó, chúng ta muốn cung cấp cho phần tử

This is heading text
This is heading text

76 một màu

This is heading text
This is heading text

90. Việc thêm quy tắc kiểu như quy tắc bên dưới sẽ không làm thay đổi màu vì lớp có nhiều trọng số hơn và nó cụ thể hơn bộ chọn phần tử, như chúng ta đã học

h2 {
  color: blue;
}
h2 {
  color: green;
}

2

Tuy nhiên, việc sử dụng

This is heading text
This is heading text

6 trên trọng lượng nhỏ hơn sẽ khiến trình duyệt thực thi tuyên bố đó đối với các quy tắc xung đột khác

h2 {
  color: blue;
}
h2 {
  color: green;
}

3

Điều này là do ký hiệu

This is heading text
This is heading text

6 làm tăng trọng số của khai báo theo thứ tự ưu tiên theo tầng. Điều này có nghĩa là chúng tôi đã phá vỡ quy trình ưu tiên bình thường. Do đó, thực hành không tốt và có thể dẫn đến khó khăn trong việc bảo trì và gỡ lỗi mã

Nếu tại một thời điểm nào đó, chúng tôi muốn ghi đè quy tắc quan trọng trên, chúng tôi có thể áp dụng ký hiệu

This is heading text
This is heading text

6 khác cho một khai báo có độ đặc hiệu cao hơn (hoặc tương tự nếu nó thấp hơn trong nguồn). Sau đó nó có thể dẫn đến một cái gì đó như thế này

h2 {
  color: blue;
}
h2 {
  color: green;
}

4

Điều này là xấu và nên tránh. Thay vào đó, chúng ta nên kiểm tra xem

1. Sắp xếp lại quy tắc hoặc viết lại bộ chọn có thể giải quyết vấn đề xếp tầng
2. Tăng tính đặc hiệu của phần tử đích có thể giải quyết vấn đề

Vâng, hãy cùng tìm hiểu. Quay lại quy tắc kiểu của chúng tôi, chúng tôi có thể thực thi một màu

This is heading text
This is heading text

90 trên phần tử

This is heading text
This is heading text

76 bằng cách tăng điểm cụ thể

Như được thấy bên dưới, chúng ta có thể kết hợp các bộ chọn cho đến khi điểm cụ thể của chúng thay thế quy tắc xung đột. Bộ chọn

This is heading text
This is heading text

96 cho điểm cụ thể là

This is heading text
This is heading text

97, cao hơn điểm

.mytitle {
  color: blue;
}
h2 {
  color: green;
}

8 của

This is heading text
This is heading text

64

h2 {
  color: blue;
}
h2 {
  color: green;
}

5

Như chúng ta có thể thấy, thay vì sử dụng khai báo

This is heading text
This is heading text

6 để thực thi quy tắc, chúng ta tập trung vào việc tăng điểm cụ thể

.mytitle { color: blue; } h2 { color: green; } 1 và các chức năng lớp giả có liên quan khác

Đôi khi, chúng tôi có thể theo dõi các vấn đề đối với chức năng lớp giả. Vì vậy, biết cách thức hoạt động của nó có thể giúp chúng ta giảm bớt căng thẳng. Hãy xem một ví dụ khác

Hãy tưởng tượng chúng ta đang làm việc trên một dự án và xem đoạn mã sau

h2 {
  color: blue;
}
h2 {
  color: green;
}

6

Sử dụng các quy tắc CSS sau đây sẽ cho chúng ta đầu ra sau

h2 {
  color: blue;
}
h2 {
  color: green;
}

7

Bây giờ, giả sử chúng ta muốn cung cấp cho

This is heading text
This is heading text

02 và văn bản liên kết trong đoạn văn có màu khác của

This is heading text
This is heading text

90. Chúng ta có thể làm điều này bằng cách thêm quy tắc sau

h2 {
  color: blue;
}
h2 {
  color: green;
}

8

Quy tắc trước đó sẽ ghi đè màu

This is heading text
This is heading text

90 mặc dù nằm xa hơn ở cuối dòng

Để khắc phục nhanh, chúng tôi có thể thực thi màu

This is heading text
This is heading text

90 của mình bằng cách sử dụng ký hiệu

This is heading text
This is heading text

6 như vậy

h2 {
  color: blue;
}
h2 {
  color: green;
}

9

Nhưng, như bạn có thể đoán, đó là cách làm không tốt, vì vậy chúng ta không được vội vàng sử dụng ký hiệu

This is heading text
This is heading text

6. Thay vào đó, chúng ta có thể bắt đầu bằng cách phân tích cách mọi bộ chọn hoạt động.

.mytitle {
  color: blue;
}
h2 {
  color: green;
}

1 được sử dụng trong mã là một hàm lớp giả để viết các bộ chọn lớn ở dạng nén hơn

Vì vậy, đây là quy tắc sau trong đoạn mã trên

h2 {
  color: blue;
}
h2 {
  color: green;
}

7

Điều nào tương đương với điều sau đây

This is heading text
This is heading text

1

Vậy tại sao

This is heading text
This is heading text

09 và

This is heading text
This is heading text

60 không ghi đè màu mặc dù có điểm cụ thể là

This is heading text
This is heading text

97, cao hơn

This is heading text
This is heading text

62 của

This is heading text
This is heading text

63 và

This is heading text
This is heading text

64

Chà, mọi bộ chọn trong

.mytitle {
  color: blue;
}
h2 {
  color: green;
}

1 đều sử dụng tính đặc hiệu cao nhất trong danh sách đối số. Trong trường hợp đó, cả

This is heading text
This is heading text

66 và

This is heading text
This is heading text

67 trong

This is heading text
This is heading text

68 đều sử dụng điểm cụ thể của

This is heading text
This is heading text

66, là

This is heading text
This is heading text

63. Do đó, trình duyệt giữ nguyên giá trị của nó vì nó có tính đặc hiệu cao hơn

Do đó, bất cứ khi nào chúng ta thấy loại xung đột này, tốt hơn hết là chúng ta không sử dụng hàm giả lớp và sử dụng hàm tương đương của nó như sau

This is heading text
This is heading text

1

Bây giờ, chúng ta sẽ có thể xem kết quả mong đợi mà không cần sử dụng ký hiệu

This is heading text
This is heading text

6 làm gián đoạn trật tự tầng

Bạn có thể tự mình xem trên CodeSandbox

Khi nào chính xác thì chúng ta có thể sử dụng khai báo

This is heading text

This is heading text

6?

Dưới đây là một số trường hợp nên sử dụng ký hiệu

This is heading text
This is heading text

6

lớp học tiện ích

Giả sử chúng ta muốn tạo kiểu cho tất cả các nút trên một trang trông giống nhau, chúng ta có thể viết một quy tắc CSS có thể được sử dụng lại trên một trang. Chúng ta hãy xem đánh dấu và phong cách sau đây

This is heading text
This is heading text

3

Tiếp theo là CSS

This is heading text
This is heading text

4

Trong đoạn mã trên, chúng ta có thể thấy rằng liên kết nút trong phần tử

This is heading text
This is heading text

84 được nhắm mục tiêu bởi cả hai bộ chọn trong CSS. Và, chúng tôi biết rằng đối với các quy tắc xung đột, trình duyệt sẽ sử dụng quy tắc cụ thể nhất. Như chúng tôi mong đợi,

This is heading text
This is heading text

85 có số điểm là

This is heading text
This is heading text

97 trong khi

This is heading text
This is heading text

87 có số điểm là

This is heading text
This is heading text

64

Trang sẽ trông như thế này

Trong trường hợp này, chúng ta có thể thực thi quy tắc

This is heading text
This is heading text

87 bằng cách thêm ký hiệu

This is heading text
This is heading text

6 vào các khai báo xung đột như thế này

This is heading text
This is heading text

5

Trang bây giờ trông như chúng ta mong đợi

Xem cho chính mình trên CodeSandbox

Các quy tắc kiểu chúng tôi không thể ghi đè

Điều này chủ yếu xảy ra khi chúng tôi không có toàn quyền kiểm soát mã đang hoạt động. Đôi khi, khi chúng tôi làm việc với một hệ thống quản lý nội dung như WordPress, chúng tôi có thể thấy rằng kiểu CSS nội tuyến trong chủ đề WordPress của chúng tôi đang ghi đè lên kiểu tùy chỉnh của chúng tôi

Trong trường hợp này, khai báo

This is heading text
This is heading text

6 rất hữu ích để ghi đè kiểu nội tuyến của chủ đề

Sự kết luận

Tuyên bố

This is heading text
This is heading text

6 không bao giờ được sử dụng như chúng ta mong muốn. Chúng ta chỉ được sử dụng nó nếu thực sự cần thiết, chẳng hạn như tình huống mà chúng ta có ít quyền kiểm soát hơn đối với mã hoặc các trường hợp cực kỳ nghiêm trọng trong mã của chính chúng ta

Việc chúng ta có sử dụng nó hay không tùy thuộc vào cách chúng ta hiểu cơ chế CSS cốt lõi và trong hướng dẫn này, chúng tôi cũng đã đề cập đến điều đó

Tôi hy vọng bạn thích đọc bài viết này. Nếu bạn có câu hỏi hoặc đóng góp, hãy chia sẻ suy nghĩ của bạn trong phần bình luận và nhớ chia sẻ hướng dẫn này trên web

Giao diện người dùng của bạn có ngốn CPU của người dùng không?

Khi giao diện người dùng web ngày càng phức tạp, các tính năng ngốn tài nguyên ngày càng đòi hỏi nhiều hơn từ trình duyệt. Nếu bạn quan tâm đến việc giám sát và theo dõi mức sử dụng CPU phía máy khách, mức sử dụng bộ nhớ, v.v. cho tất cả người dùng của bạn trong sản xuất, hãy thử LogRocket. https. // tên lửa. com/đăng ký/

LogRocket giống như một DVR dành cho ứng dụng web và thiết bị di động, ghi lại mọi thứ xảy ra trong ứng dụng web hoặc trang web của bạn. Thay vì đoán lý do tại sao sự cố xảy ra, bạn có thể tổng hợp và báo cáo về các chỉ số hiệu suất chính của giao diện người dùng, phát lại các phiên của người dùng cùng với trạng thái ứng dụng, ghi nhật ký yêu cầu mạng và tự động hiển thị tất cả các lỗi

Thay thế quan trọng trong CSS là gì?

Có thể sử dụng quan trọng trong CSS không?

Điều quan trọng trong CSS được gọi là gì?

Bạn có thể ghi đè quan trọng trong CSS không?