Important Css Là Gì

     
vincitysdaimo.com share mọi thứ về game / phần mềm / Thủ Thuật giành cho máy tính với hầu hết tin hay duy nhất và đầy đủ thông tin kiến thức hỏi đáp.

Cách tốt nhất có thể đề phân tích và lý giải nó là bắt đầu với một ví dụ vẫn làm các bạn khó phát âm và có thể sẽ hoạt động không như bạn ước ao đợi.Sau đó chúng ta sẽ chú ý kĩ hơn về cách tính quý hiếm đặc hiệu cơ mà selector sẽ tiến hành ưu tiên.

Bạn đang xem: Important css là gì

Đang xem: Important css là gì

Đây là một trong những list dễ dàng và không có thứ tự:

ul id=”summer-drinks”> li>Whiskey & Ginger Aleli> li>Wheat Beerli> li>Mint Julipli>ul>Bây giờ bạn muốn chỉ định một thức uống thành yêu quý trong danh sách đồ uống của công ty và chuyển đổi nó về style một ít. Bạn phải một hook cho điều này nên bạn sẽ áp dụng nó thông sang một class name mang đến nó.

ul id=”summer-drinks”> li class=”favorite”>Whiskey và Ginger Aleli> li>Wheat Beerli> li>Mint Julipli>ul>Bây giờ bạn hãy mở tệp tin CSS của doanh nghiệp và styling mang lại class mới:

.favorite color: red; font-weight: bold;Sau đó bạn nhìn xem nó làm việc thế nào, nhưng mà nó không làm cho việc! Một cái nào đấy đang gây nên vấn đề sinh sống đây.

Đi sâu hơn vào file CSS, bạn sẽ thấy điều này:

ul#summer-drinks li font-weight: normal; font-size: 12px; color: black;Vấn đề nằm ở ngay đó. Hai CSS selectors khác biệt đang nói cho đoạn text đó có màu sắc và font-weight gì. Tuy nhiên chỉ gồm một lệnh mang đến font-size nên ví dụ cái đó sẽ sở hữu hiệu lực. Không tồn tại xung chợt gì tại đây cả tuy thế trình duyệt phải quyết định trong số những lệnh kia để vận dụng và hiển thị chúng. Nó làm bằng cách tuân theo một bộ quy tắc tiêu chuẩn.

Tôi nghĩ rằng điều đó sẽ gây chút cực nhọc khăn cho người mới bước đầu bởi vì chưng họ chưa hoàn toàn nhận ra điều này. Họ có lẽ rằng nghĩ vì chưng class .favorite nằm sâu rộng trong CSS hoặc chính vì nó gần với chữ hơn vào HTML :v sẽ là người chiến thắng.

Trong thực tế, đồ vật tự của các selectors vào CSS đã đóng vai trò bao gồm và luật lệ “từ bên trên xuống” đã được vận dụng khi cực hiếm đặc hiệu là tương đương nhau. đến ví dụ:

favorite color: red;.favorite color: black;Ở dây nó sẽ sở hữu được màu black… Nhưng họ đang lạc đề :v

Vấn đề ở đó là chúng ta ước ao nó ví dụ để nó tất cả ý nghĩa với mọi ví dụ mà họ có. Ngay cả với ví dụ dễ dàng được trình diễn ở trên, ở đầu cuối bạn cũng sẽ thấy chỉ việc sử dụng class name nhằm tới phương châm “favorite drink” là không biến đổi hoặc đã không bình an ngay cả lúc nó hoạt động . Vẫn thông mình hơn ví như sử dụng vấn đề đó :

ul#summer-drinks li.favorite color: red; font-weight: bold;Đó là các là nhưng mà tôi đang điện thoại tư vấn là ” rõ ràng để nó có ý nghĩa”. Bạn thực sự có thể “cụ thể” hơn khi sử dụng kiểu dạng như thế này:

html body div#pagewrap ul#summer-drinks li.favorite color: red; font-weight: bold;Nhưng nó đang là code Css của bạn khó đọc và không với lại công dụng thực tế. Một phương pháp khác để tăng giá trị quánh hiệu cho class “.favorite” của người sử dụng là sử dụng important!

.favorite color: red !important; font-weight: bold !important;Tôi đã có lần nghe nói rằng !important hệt như một trò lừa về tinh thần trong css. Quả tình là như vậy, và bạn cũng có thể buộc ý chí của chính bản thân mình vượt qua những khó khăn trong css bằng cách sử dụng nó. Tuy vậy !important áp đặt rằng đã tăng mạng tính đặc hiệu bên trên selector và từ đó sẽ vượt qua được các style khác.

Xem thêm: Những Kênh Youtube Bổ Ích Cho Be, Top 12 Kênh Youtube Cho Trẻ Em Vui Nhộn, An Toàn

!important có thể dễ dàng sử dụng sai nếu gọi nhầm. Nó là cách tốt để giữ đến code của công ty sạch hơn, trong những ví dụ mà các bạn biết những elements với những class selector cụ thể nên sử dụng style đồng bộ bất đề cập nó là gì. Ngược lại, tránh việc sử dụng trick nhằm ghi đè lên style của một element nào đó thay vị tìm ra phương pháp CSS được viết và hoạt đông theo người sáng tác ban đầu.

Một ví dụ kinh điển là:

last margin-right: 0 !important;Tôi thường thực hiện nó trong số tình huống có tương đối nhiều khối nối, mang lại khối cuối cùng bên đề nghị trong một row. Điều đó bảo vệ chắc chắn khối ở đầu cuối không có bất kì right margin nào điều này để giúp nó nằm gần kề nề nên so với phụ huynh nó. Từng khối rất có thể có các Css selector ví dụ để thêm right margin mang lại chúng, nhưng mà !important vẫn phá vỡ điều đó và khiến cho class nhìn dễ dàng và clear hơn.

Tính quý hiếm đặc hiệu CSS

Tại sao nỗ lực đầu tiên của họ để thay đổi color với font-weight thất bại? Như chúng ta đã học, kia là chính vì chúng ta dễ dàng và đơn giản chỉ dụng class name có giá trị sệt hiệu thấp hơn selector khác. Css áp dụng các trọng số quánh hiệu khác đến id cùng class. Trong thực tiễn một Id có giá trị cao hơn nhiều! vày vậy cần thiết một class rất có thể vượt qua được id.

Chúng ta hãy coi cách những con số thực sự được xem toán:

*

Nói cách khác:

Nếu thành phần có inline styling, tự động đó sẽ chiến thắng (1,0,0,0 điểm)Mỗi ID áp dụng (0,1,0,0 điểm)Mỗi class (hoặc pseudo-class hoặc attribute selector) áp dụng (0,0,1,0 điểm)Với từng tham chiếu trực tiếp element bao gồm (0,0,0,1 điểm)

Nói chung, bạn cũng có thể đọc giá trị như những con số, như 1,0,0,0 là “1000”, vì thế nó ví dụ sẽ chiến thắng độ sệt hiệu 0,1,0,0 hoặc “100”. Vệt phẩy ở đây thực sự để đề cập nhở chúng ta rằng nó chưa hẳn thực sự là “base 10”. Về phương diện kĩ thuật bạn có thế có giá trị như 0,1,13,4 và “13” ko tràn ra như “base 10”.

Xem thêm: Tiền Lương Đóng Quỹ Ht Tt Là Gì, Quỹ Ht Tt Là Gì

Tính toán một cách đối chọi giản

*
*
*

Update: :not() sort-of-pseudo-class không thêm giá trị đặc hiệu vào thiết yếu nó. Chỉ đa số gì bên phía trong parent là có thêm giá trị đặc hiệu.

*
*

Chú ý quan trọngSelector phổ biến (*) không tồn tại giá trị quánh hiệu (0,0,0,0)Pseudo-elements (e.g. :first-line) có giá trị (0,0,0,1) rất khác như đồng đội của chúng psuedo-class có giá trị (0,0,1,0)pseudo-class :not() ko thêm tính đặc hiệu của thiết yếu nó, Chỉ loại gì bên phía trong dấu () new được thêm tính quánh hiệu.Thêm !important sẽ làm cho nó tự động hóa win :v. Nó đang ghi đè trong cả inline style. Chỉ việc !important là có thể ghi đè hầu hết thứ. !important được khai báo sau trong CSS với cái giá trị bằng hoặc béo hơn. Chúng ta cũng có thể nghĩ nó sẽ thêm (1,0,0,0,0) tới quý hiếm đặc hiệu.Nguồn tham khảo