Thứ tự xếp tầng của các kiểu css từ mức ưu tiên thấp nhất đến cao nhất là gì?

Một khía cạnh thú vị của Cascading Style Sheets (CSS) là thứ tự mà các quy tắc được nêu sẽ xác định quy tắc nào được ưu tiên trong trường hợp xung đột hoặc lặp lại. Nói cách khác, các quy tắc CSS có thể "xếp tầng" theo thứ tự ưu tiên của chúng

Vị trí của các quy tắc là một yếu tố trong thứ tự ưu tiên. Thứ tự ưu tiên vị trí là. quy tắc mặc định của trình duyệt, quy tắc biểu định kiểu bên ngoài, kiểu được nhúng và quy tắc kiểu nội tuyến

Các quy tắc cụ thể được ưu tiên hơn các quy tắc chung hơn. Ngoài ra, các quy tắc ở cuối biểu định kiểu được ưu tiên hơn các quy tắc phía trước

Các câu hỏi bạn có thể có bao gồm

• thác từ vị trí của các quy tắc là gì?
• Quy định nào cụ thể hơn?
• Thứ tự của các quy tắc ảnh hưởng đến mức độ ưu tiên như thế nào?

Tiết học này sẽ trả lời những câu hỏi đó

Thứ tự cho mỗi vị trí của quy tắc

Các quy tắc biểu định kiểu xếp tầng có thể được đặt ở một số nơi, bao gồm biểu định kiểu mặc định của trình duyệt, biểu định kiểu bên ngoài, các kiểu được nhúng và các quy tắc kiểu nội tuyến

Quy tắc càng gần với nội dung được tạo kiểu thì mức độ ưu tiên của nó càng cao. Dòng quy tắc bắt đầu từ xa nhất và đi về phía gần nhất với nội dung

Biểu định kiểu trình duyệt có mức độ ưu tiên thấp nhất

Tất cả các trình duyệt đều có biểu định kiểu mặc định tích hợp sẵn. Dòng thác bắt đầu với những phong cách này. Nếu bạn không xác định kiểu, kiểu trình duyệt sẽ được sử dụng. Lưu ý rằng mặc định hơi khác nhau trong mỗi trình duyệt. Bạn nên kiểm tra một trang không có kiểu trong mỗi trình duyệt để thấy bất kỳ sự khác biệt nào.

Biểu định kiểu bên ngoài có quyền ưu tiên tiếp theo

Các kiểu mặc định của trình duyệt bị ghi đè bởi các quy tắc trong biểu định kiểu bên ngoài. Nếu có một số biểu định kiểu bên ngoài, chúng sẽ áp dụng theo thứ tự được liệt kê

phong cách nhúng

Các kiểu được nhúng trong tiêu đề trang là kiểu tiếp theo theo thứ tự ưu tiên. Nếu có nhiều quy tắc, thông thường chúng được đặt trong biểu định kiểu bên ngoài

Kiểu nội tuyến được ưu tiên hàng đầu

Cuối cùng, vì các kiểu nội tuyến gần với nội dung nhất nên chúng được ưu tiên hàng đầu

quy tắc cụ thể

Quy tắc càng cụ thể thì mức độ ưu tiên của nó càng lớn

Bất kỳ quy tắc nào trên thẻ là ít cụ thể nhất. Quy tắc lớp cụ thể hơn và ghi đè quy tắc thẻ. Vì quy tắc ID chỉ có thể được sử dụng một lần trong một trang web nên đây là quy tắc cụ thể nhất, sẽ ghi đè hai quy tắc còn lại

Ví dụ: nếu biểu định kiểu xác định

như là trung tâm, sau đó

được ưu tiên và

được ưu tiên cho cả hai quy tắc

Các quy tắc sau được ưu tiên

Cuối cùng, sắp xếp các quy tắc theo thứ tự chúng được xác định. Các quy tắc được xác định sau trong cây tài liệu có mức độ ưu tiên cao hơn các quy tắc được xác định trước đó

Và các quy tắc từ biểu định kiểu đã nhập được xem xét trước các quy tắc trực tiếp trong biểu định kiểu

Bản tóm tắt

Vị trí của các kiểu và quy tắc là một yếu tố trong thứ tự ưu tiên. Các quy tắc cụ thể được ưu tiên hơn các quy tắc chung hơn. Ngoài ra, các quy tắc ở cuối biểu định kiểu được ưu tiên hơn các quy tắc phía trước

Biết các quy tắc và tuân theo chúng

Tài nguyên và tài liệu tham khảo

Thông tin xác thực của Ron Kurtus

trang web

"Cascade" nghĩa là gì trong Cascading Style Sheets? . com

Tài nguyên thiết kế web

Sách

(Để ý. The School for Champions có thể kiếm được tiền hoa hồng từ việc mua sách)

Sách được xếp hạng hàng đầu về Thiết kế trang web

Những câu hỏi và những nhận xét

Bạn có bất kỳ câu hỏi, ý kiến, hoặc ý kiến ​​về chủ đề này? . Tôi sẽ cố gắng liên lạc lại với bạn sớm nhất có thể

Chia sẻ trang này

Nhấp vào nút để đánh dấu trang hoặc chia sẻ trang này qua Twitter, Facebook, email hoặc các dịch vụ khác

Trong một trang Web, biểu định kiểu có thể được liên kết, nhập hoặc nhúng. Các kiểu cũng có thể được khai báo nội tuyến trong HTML

Ngoài ra, nhiều trình duyệt cho phép khách truy cập có biểu định kiểu riêng của họ có thể ghi đè lên biểu định kiểu của bạn. Tất nhiên, đảm bảo rằng các biểu định kiểu đồng thời từ hai nguồn trở lên sẽ có các khai báo xung đột. Ai đứng đầu?

Thứ tự xếp tầng đề cập đến cách các kiểu bắt đầu ở đầu trang và khi chúng xếp tầng xuống, thu thập và thay thế lẫn nhau khi chúng được kế thừa. Nguyên tắc chung là kiểu cuối cùng được xác định là kiểu được sử dụng

Tuy nhiên, đôi khi, hai hoặc nhiều phong cách sẽ xung đột. Sử dụng quy trình sau để xác định kiểu nào sẽ xuất hiện trên cùng và được áp dụng cho một thành phần nhất định

Để xác định giá trị thứ tự tầng cho một phần tử

Thu thập tất cả các kiểu sẽ được áp dụng cho phần tử. Tìm tất cả các kiểu vốn có, được áp dụng và được kế thừa sẽ được áp dụng cho phần tử, sau đó sử dụng các tiêu chí sau để xác định kiểu nào được áp dụng theo thứ tự tầng, với tiêu chí ở trên cùng là quan trọng nhất

Nhấn vào đây để xem hình ảnh lớn hơn

1. phong cách người dùng

   Hầu hết các trình duyệt Web cho phép người dùng chỉ định biểu định kiểu mặc định của riêng họ. Về nguyên tắc, những phong cách này luôn được ưu tiên hơn các phong cách khác

2. kiểu nội tuyến

   Nếu kiểu là nội tuyến (xem Chương 3), nó luôn được áp dụng bất kể tất cả các yếu tố khác. Đó là lý do tại sao bạn không bao giờ nên sử dụng chúng trong mã HTML cuối cùng của mình

3. loại phương tiện

   Rõ ràng, nếu loại phương tiện được đặt cho một kiểu và thành phần không được hiển thị trong loại phương tiện đó, thì kiểu đó sẽ không được sử dụng

4. Tầm quan trọng

   Bao gồm. quan trọng với một tuyên bố mang lại cho nó thanh toán hàng đầu khi được hiển thị. (Xem “Làm Tuyên bố. quan trọng” trong chương này. )

   Nhiều trình duyệt cho phép người dùng xác định biểu định kiểu của riêng họ để trình duyệt sử dụng. Nếu cả tác giả trang và khách truy cập đã bao gồm. quan trọng trong khai báo của họ, khai báo của người dùng sẽ thắng

   Về lý thuyết, biểu định kiểu của tác giả sẽ ghi đè biểu định kiểu của khách truy cập trừ khi khách truy cập sử dụng. giá trị quan trọng. Tuy nhiên, trên thực tế, hầu hết các trình duyệt ưu tiên biểu định kiểu của người dùng khi xác định khai báo nào được sử dụng cho thẻ

5. độ đặc hiệu

   Quy tắc càng cụ thể theo ngữ cảnh thì mức độ ưu tiên của nó càng cao. Vì vậy, một quy tắc cụ thể càng có nhiều bộ chọn HTML, lớp và ID thì quy tắc đó càng quan trọng. Khi xác định mức độ ưu tiên này, bộ chọn ID được tính là 100, lớp được tính là 10 và bộ chọn HTML chỉ có giá trị 1. Như vậy,

   #copy p b { color: red; }

   có giá trị 102, trong khi

   b { color : lime; }

   chỉ có giá trị 1. Vì vậy, quy tắc đầu tiên sẽ có độ đặc hiệu cao hơn và màu sẽ là màu đỏ

   Cài đặt ưu tiên này thoạt nghe có vẻ hơi ngớ ngẩn, nhưng nó cho phép các quy tắc ID và nhạy cảm theo ngữ cảnh có trọng lượng hơn, đảm bảo rằng chúng sẽ được sử dụng

6. Gọi món

   Nếu các khai báo xung đột được áp dụng cho một phần tử bằng nhau tại thời điểm này, thì CSS sẽ ưu tiên cho quy tắc cuối cùng được liệt kê, theo thứ tự. Hãy nhớ rằng các kiểu nội tuyến luôn thắng

7. Thừa hưởng

   Những phong cách này được kế thừa từ cha mẹ

8. Vốn có

   Các kiểu này được trình duyệt áp dụng cho các thẻ HTML và ít quan trọng nhất

< Quay lại Trang 9/9

• + Chia sẻ nội dung này
• 🔖 Lưu vào tài khoản của bạn

Thư quảng cáo & Ưu đãi đặc biệt của Peachpit

⚠

Tôi muốn nhận các ưu đãi độc quyền và nghe về các sản phẩm từ Peachpit và dòng thương hiệu của nó. Tôi có thể hủy đăng ký bất cứ lúc nào

Tổng quan

Giáo dục Pearson, Inc. , 221 River Street, Hoboken, New Jersey 07030, (Pearson) giới thiệu trang web này để cung cấp thông tin về các sản phẩm và dịch vụ của Peachpit có thể được mua thông qua trang web này

Thông báo về quyền riêng tư này cung cấp tổng quan về cam kết của chúng tôi đối với quyền riêng tư và mô tả cách chúng tôi thu thập, bảo vệ, sử dụng và chia sẻ thông tin cá nhân được thu thập thông qua trang web này. Xin lưu ý rằng các trang web khác của Pearson cũng như các sản phẩm và dịch vụ trực tuyến có chính sách bảo mật riêng

Thu thập và sử dụng thông tin

Để tiến hành kinh doanh và cung cấp các sản phẩm và dịch vụ, Pearson thu thập và sử dụng thông tin cá nhân theo nhiều cách liên quan đến trang web này, bao gồm

câu hỏi và thắc mắc

Đối với các yêu cầu và câu hỏi, chúng tôi thu thập yêu cầu hoặc câu hỏi, cùng với tên, chi tiết liên hệ (địa chỉ email, số điện thoại và địa chỉ gửi thư) và bất kỳ thông tin bổ sung nào khác được tự nguyện gửi cho chúng tôi thông qua biểu mẫu Liên hệ với chúng tôi hoặc email. Chúng tôi sử dụng thông tin này để giải quyết yêu cầu và trả lời câu hỏi

Cửa hàng trực tuyến

Đối với các đơn đặt hàng và mua hàng được đặt thông qua cửa hàng trực tuyến của chúng tôi trên trang web này, chúng tôi thu thập chi tiết đơn đặt hàng, tên, tên và địa chỉ tổ chức (nếu có), địa chỉ email, số điện thoại, địa chỉ giao hàng và thanh toán, thông tin thẻ tín dụng/thẻ ghi nợ, tùy chọn giao hàng và bất kỳ . Chúng tôi sử dụng thông tin này để hoàn thành giao dịch, thực hiện đơn đặt hàng, liên lạc với các cá nhân đặt hàng hoặc truy cập cửa hàng trực tuyến và cho các mục đích liên quan

khảo sát

Pearson có thể tạo cơ hội để cung cấp phản hồi hoặc tham gia vào các cuộc khảo sát, bao gồm các cuộc khảo sát đánh giá các sản phẩm, dịch vụ hoặc trang web của Pearson. Việc tham gia là tự nguyện. Pearson thu thập thông tin được yêu cầu trong các câu hỏi khảo sát và sử dụng thông tin đó để đánh giá, hỗ trợ, duy trì và cải thiện sản phẩm, dịch vụ hoặc trang web;

Cuộc thi và bản vẽ

Thỉnh thoảng, chúng tôi có thể tài trợ cho một cuộc thi hoặc vẽ. Việc tham gia là tùy chọn. Pearson thu thập tên, thông tin liên hệ và các thông tin khác được chỉ định trên mẫu đăng ký tham gia cuộc thi hoặc bức vẽ để tiến hành cuộc thi hoặc bức vẽ. Pearson có thể thu thập thông tin cá nhân bổ sung từ những người chiến thắng trong một cuộc thi hoặc vẽ tranh để trao giải thưởng và cho các mục đích báo cáo thuế, theo yêu cầu của pháp luật

bản tin

Nếu bạn đã chọn nhận bản tin email hoặc thư quảng cáo và ưu đãi đặc biệt nhưng muốn hủy đăng ký, chỉ cần gửi email tới ask@peachpit. com

Thông báo dịch vụ

Trong những trường hợp hiếm hoi, cần phải gửi một thông báo liên quan đến dịch vụ nghiêm ngặt. Chẳng hạn, nếu dịch vụ của chúng tôi tạm thời bị đình chỉ để bảo trì, chúng tôi có thể gửi cho người dùng một email. Nói chung, người dùng không được chọn không tham gia các liên lạc này, mặc dù họ có thể hủy kích hoạt thông tin tài khoản của mình. Tuy nhiên, những thông tin liên lạc này không có tính chất quảng cáo.

Dịch vụ khách hàng

Chúng tôi thường xuyên liên lạc với người dùng để cung cấp các dịch vụ được yêu cầu và đối với các vấn đề liên quan đến tài khoản của họ, chúng tôi sẽ trả lời qua email hoặc điện thoại theo mong muốn của người dùng khi người dùng gửi thông tin của họ qua biểu mẫu Liên hệ với chúng tôi

Thu thập và sử dụng thông tin khác

Nhật ký ứng dụng và hệ thống

Pearson tự động thu thập dữ liệu nhật ký để giúp đảm bảo việc phân phối, tính khả dụng và tính bảo mật của trang web này. Dữ liệu nhật ký có thể bao gồm thông tin kỹ thuật về cách người dùng hoặc khách truy cập kết nối với trang web này, chẳng hạn như loại trình duyệt, loại máy tính/thiết bị, hệ điều hành, nhà cung cấp dịch vụ internet và địa chỉ IP. Chúng tôi sử dụng thông tin này cho mục đích hỗ trợ và theo dõi tình trạng của trang web, xác định sự cố, cải thiện dịch vụ, phát hiện truy cập trái phép và hoạt động gian lận, ngăn chặn và ứng phó với sự cố bảo mật cũng như mở rộng quy mô tài nguyên máy tính một cách thích hợp

Phân tích trang web

Pearson có thể sử dụng các dịch vụ phân tích xu hướng web của bên thứ ba, bao gồm Google Analytics, để thu thập thông tin của khách truy cập, chẳng hạn như địa chỉ IP, loại trình duyệt, trang giới thiệu, trang đã truy cập và thời gian dành cho một trang web cụ thể. Mặc dù các dịch vụ phân tích này thu thập và báo cáo thông tin trên cơ sở ẩn danh, nhưng chúng có thể sử dụng cookie để thu thập thông tin về xu hướng web. Thông tin được thu thập có thể cho phép Pearson (chứ không phải dịch vụ xu hướng web của bên thứ ba) liên kết thông tin với dữ liệu nhật ký hệ thống và ứng dụng. Pearson sử dụng thông tin này để quản trị hệ thống và xác định các sự cố, cải thiện dịch vụ, phát hiện truy cập trái phép và hoạt động gian lận, ngăn chặn và ứng phó với các sự cố bảo mật, mở rộng quy mô tài nguyên máy tính một cách thích hợp và mặt khác hỗ trợ và cung cấp trang web này cũng như các dịch vụ của trang web

Cookie và các công nghệ liên quan

Trang web này sử dụng cookie và các công nghệ tương tự để cá nhân hóa nội dung, đo lường các kiểu lưu lượng truy cập, kiểm soát bảo mật, theo dõi việc sử dụng và truy cập thông tin trên trang web này cũng như cung cấp các thông điệp và quảng cáo dựa trên sở thích. Người dùng có thể quản lý và chặn việc sử dụng cookie thông qua trình duyệt của họ. Vô hiệu hóa hoặc chặn một số cookie nhất định có thể hạn chế chức năng của trang web này

Không theo dõi

Trang web này hiện không phản hồi tín hiệu Không theo dõi

Bảo vệ

Pearson sử dụng các biện pháp an ninh vật lý, hành chính và kỹ thuật phù hợp để bảo vệ thông tin cá nhân khỏi bị truy cập, sử dụng và tiết lộ trái phép

Bọn trẻ

Trang web này không dành cho trẻ em dưới 13 tuổi

Tiếp thị

Pearson có thể gửi hoặc gửi thông tin tiếp thị trực tiếp tới người dùng, với điều kiện là

• Pearson sẽ không sử dụng thông tin cá nhân được thu thập hoặc xử lý với tư cách là nhà cung cấp dịch vụ trường học K-12 cho mục đích quảng cáo trực tiếp hoặc nhắm mục tiêu
• Hoạt động tiếp thị như vậy phù hợp với luật hiện hành và nghĩa vụ pháp lý của Pearson
• Pearson sẽ không cố ý chỉ đạo hoặc gửi thông tin tiếp thị đến một cá nhân đã bày tỏ mong muốn không nhận thông tin tiếp thị
• Trong trường hợp luật hiện hành yêu cầu, sự đồng ý rõ ràng hoặc ngụ ý đối với hoạt động tiếp thị tồn tại và chưa bị rút lại

Pearson có thể cung cấp thông tin cá nhân cho nhà cung cấp dịch vụ bên thứ ba trên cơ sở hạn chế để cung cấp hoạt động tiếp thị chỉ thay mặt cho Pearson hoặc công ty liên kết hoặc khách hàng mà Pearson là nhà cung cấp dịch vụ cho họ. Tùy chọn tiếp thị có thể được thay đổi bất cứ lúc nào

Chỉnh sửa/Cập nhật thông tin cá nhân

Nếu thông tin nhận dạng cá nhân của người dùng thay đổi (chẳng hạn như địa chỉ gửi thư hoặc địa chỉ email của bạn), chúng tôi sẽ cung cấp cách sửa hoặc cập nhật dữ liệu cá nhân của người dùng đó đã cung cấp cho chúng tôi. Điều này có thể được thực hiện trên trang Tài khoản. Nếu người dùng không còn mong muốn sử dụng dịch vụ của chúng tôi nữa và muốn xóa tài khoản của mình, vui lòng liên hệ với chúng tôi theo địa chỉ customer-service@informit. com và chúng tôi sẽ xử lý việc xóa tài khoản của người dùng

Lựa chọn/Từ chối

Người dùng luôn có thể đưa ra lựa chọn sáng suốt về việc liệu họ có nên tiếp tục với một số dịch vụ do Adobe Press cung cấp hay không. Nếu bạn chọn tự xóa mình khỏi (các) danh sách gửi thư của chúng tôi, chỉ cần truy cập trang sau và bỏ chọn bất kỳ thông tin liên lạc nào mà bạn không muốn nhận nữa. www. hố đào. com/u. aspx

Bán thông tin cá nhân

Pearson không cho thuê hoặc bán thông tin cá nhân để đổi lấy bất kỳ khoản thanh toán tiền nào

Mặc dù Pearson không bán thông tin cá nhân, như được định nghĩa trong luật Nevada, cư dân Nevada có thể gửi email yêu cầu không bán thông tin cá nhân của họ tới NevadaDesignatedRequest@pearson. com

Tuyên bố về quyền riêng tư bổ sung dành cho cư dân California

Cư dân California nên đọc tuyên bố bổ sung về quyền riêng tư của chúng tôi dành cho cư dân California cùng với Thông báo về quyền riêng tư này. Tuyên bố bổ sung về quyền riêng tư dành cho cư dân California giải thích cam kết của Pearson tuân thủ luật pháp California và áp dụng cho thông tin cá nhân của cư dân California được thu thập liên quan đến trang web này và Dịch vụ

Chia sẻ và Tiết lộ

Pearson có thể tiết lộ thông tin cá nhân, như sau

• Theo yêu cầu của pháp luật
• Với sự đồng ý của cá nhân (hoặc cha mẹ của họ, nếu cá nhân là trẻ vị thành niên)
• Đáp lại trát đòi hầu tòa, lệnh của tòa án hoặc quy trình pháp lý, trong phạm vi được pháp luật cho phép hoặc yêu cầu
• Để bảo vệ an ninh và an toàn của cá nhân, dữ liệu, tài sản và hệ thống, phù hợp với luật hiện hành
• Liên quan đến việc bán, liên doanh hoặc chuyển nhượng khác một phần hoặc toàn bộ công ty hoặc tài sản của mình, tuân theo các quy định của Thông báo về Quyền riêng tư này
• Để điều tra hoặc giải quyết gian lận thực tế hoặc nghi ngờ hoặc các hoạt động bất hợp pháp khác
• Để thực hiện các quyền hợp pháp của mình, bao gồm thực thi Điều khoản sử dụng cho trang web này hoặc hợp đồng khác
• Cho các công ty trực thuộc Pearson và các công ty và tổ chức khác thực hiện công việc cho Pearson và có nghĩa vụ bảo vệ quyền riêng tư của thông tin cá nhân theo Thông báo về Quyền riêng tư này
• Gửi tới trường học, tổ chức, công ty hoặc cơ quan chính phủ, nơi Pearson thu thập hoặc xử lý thông tin cá nhân trong môi trường trường học hoặc thay mặt cho tổ chức, công ty hoặc cơ quan chính phủ đó

liên kết

Trang web này chứa đường dẫn tới những trang khác. Xin lưu ý rằng chúng tôi không chịu trách nhiệm về các hoạt động bảo mật của các trang web khác đó. Chúng tôi khuyến khích người dùng của mình lưu ý khi họ rời khỏi trang web của chúng tôi và đọc các tuyên bố về quyền riêng tư của mỗi và mọi trang web thu thập Thông tin cá nhân. Tuyên bố về quyền riêng tư này chỉ áp dụng cho thông tin được thu thập bởi trang web này

Yêu cầu và Liên hệ

Vui lòng liên hệ với chúng tôi về Thông báo Quyền riêng tư này hoặc nếu bạn có bất kỳ yêu cầu hoặc câu hỏi nào liên quan đến quyền riêng tư đối với thông tin cá nhân của bạn

Những thay đổi đối với Thông báo về quyền riêng tư này

Chúng tôi có thể sửa đổi Thông báo về quyền riêng tư này thông qua một bài đăng cập nhật. Chúng tôi sẽ xác định ngày sửa đổi có hiệu lực trong bài đăng. Thông thường, các bản cập nhật được thực hiện để mang lại sự rõ ràng hơn hoặc để tuân thủ những thay đổi trong yêu cầu quy định. Nếu các bản cập nhật liên quan đến những thay đổi quan trọng đối với việc thu thập, bảo vệ, sử dụng hoặc tiết lộ Thông tin cá nhân, Pearson sẽ cung cấp thông báo về thay đổi thông qua một thông báo dễ thấy trên trang web này hoặc cách thích hợp khác. Việc tiếp tục sử dụng trang web sau ngày có hiệu lực của bản sửa đổi đã đăng chứng tỏ sự chấp nhận. Vui lòng liên hệ với chúng tôi nếu bạn có câu hỏi hoặc thắc mắc về Thông báo quyền riêng tư hoặc bất kỳ sự phản đối nào đối với bất kỳ sửa đổi nào

Kiểu CSS nào có mức độ ưu tiên cao nhất?

Thứ tự xếp tầng trong CSS là gì?

Thứ tự ưu tiên và thứ tự xếp tầng là gì?

Các kiểu CSS được áp dụng theo thứ tự nào?