Quy tắc quan trọng trong CSS là gì và tại sao bạn nên tránh nó

Các. thuộc tính quan trọng trong CSS được sử dụng để cung cấp trọng lượng (tầm quan trọng) cao hơn thuộc tính thông thường. Trong CSS,. quan trọng có nghĩa là "điều này quan trọng", bỏ qua tất cả các quy tắc tiếp theo, áp dụng. quy tắc quan trọng. Các. từ khóa quan trọng phải được đặt ở cuối dòng, ngay trước dấu chấm phẩy

  • Nói cách khác, nó thêm tầm quan trọng cho tất cả các thuộc tính phụ mà thuộc tính tốc ký đại diện.
  • Trong sử dụng bình thường, một quy tắc được xác định trong biểu định kiểu bên ngoài bị ghi đè bởi một kiểu được xác định trong phần đầu của tài liệu, do đó, bị ghi đè bởi một kiểu nội tuyến trong chính phần tử đó (giả sử tính đặc hiệu của các bộ chọn bằng nhau)
  • Vì vậy, nó được sử dụng để ghi đè các kiểu đã được khai báo trước đó trong các nguồn kiểu khác, nhằm đạt được một thiết kế nhất định

cú pháp

element {
    color: blue  !important;
    font-size: 14px !important; 
    ...
}

ví dụ 1.  

HTML




<html>

    <head>

        <1_______1_______21_______4_______

        <7_______4_______

9<0

<1<2

9<4

9<0

<1_______2_______8

9<4

9html2

<1html4

<1____3_______6

<1html8

9<4

        >2_______1_______7>

    >2_______7_______>

    <    1_______4_______

        <    5_______5_______6_______5_______5_______4_______

        <<1_______2_______2<1_______4_______

        <<7_______2_______8<7_______4_______

    >2_______5_______1>

>2_______3_______head7

đầu ra

 

Quy tắc quan trọng trong CSS là gì và tại sao bạn nên tránh nó
 

Trong ví dụ trên, màu nền của phần thân là màu xanh lục thay vì màu vàng vì “. quan trọng” được giữ sau màu nền xanh bên trong thẻ nội dung.  

ví dụ 2.  

HTML




<html>

    <head>

        ________2____1_______1_______2_______21_______4_______

        <7_______4_______

9        7

<1____9_______9

<101

<103

9<4

9        7

<109

<111

<113

<115

9<4

919

<1____3_______6

9<4

9<0

<127

9<4

9html2

<133

<135

9<4

38

940

<142

<101

<146

<148

9<4

940

<154

<156

<158

9<4

        >2_______1_______7>

    >2_______7_______>

    <    1_______4_______

        <    5_______5_______6_______5_______5_______4_______

        <<1_______2_______2<1_______4_______

        <87 88 89_______1_______9091

        93

        95

        >2_______1_______87>

        ________2____1_______87 <03 89_______2_______05>

9<___<7<10

9<12

9<14

9<16

9<18

9<20<7>

        >2_______1_______87>

    >2_______5_______1>

>2_______3_______head7

đầu ra

 

Quy tắc quan trọng trong CSS là gì và tại sao bạn nên tránh nó

CSS là nền tảng của các trang web, được sử dụng để phát triển trang web bằng cách tạo kiểu trang web và ứng dụng web. Bạn có thể học CSS từ đầu bằng cách làm theo Hướng dẫn CSS và Ví dụ về CSS này

Tại sao chúng ta nên tránh quan trọng trong CSS?

Việc sử dụng. quan trọng được coi là một thực hành chống mẫu và xấu. . quan trọng sẽ 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 .

3 quy tắc CSS là gì?

Kế thừa, Tầng và Tính đặc hiệu là ba yếu tố quan trọng. Hiểu những khái niệm này sẽ cho phép bạn viết các biểu định kiểu rất mạnh mẽ và cũng tiết kiệm thời gian bằng cách viết ít quy tắc CSS hơn.

Bạn có nên sử dụng quan trọng trong CSS?

Điều quan trọng có nghĩa là gì trong CSS? . giá trị thuộc tính quan trọng sẽ được áp dụng cho một phần tử và tất cả các khai báo khác trên phần tử sẽ bị bỏ qua. Nói cách khác, một quy tắc quan trọng có thể được sử dụng để ghi đè các quy tắc tạo kiểu khác trong CSS