Bộ chọn phần tử CSS cụ thể hơn các thuộc tính HTML?

Question

Ok vì vậy đây là một cách đơn giản test case

Những gì tôi đã cố gắng là, nếu chúng ta sử dụng thuộc tính đến yếu tố phong cách (Tôi biết đó là một ý tưởng rất rất xấu, nhưng tôi đã làm nó cho thử nghiệm)

Vì vậy, các câu hỏi đặt ra là các kiểu bộ chọn phần tử cơ bản CSS cụ thể hơn các thuộc tính HTML không?

Kinda CSS - 1/HTML - 0 <!-- Specificity -->

Nếu CSS not used, HTML - 1 <!-- Specificity -->

Test Case HTML

<table border="1"> 
    <tr> 
     <td>Hello 1</td> 
     <td>Hello 2</td> 
     <td>Hello 3</td> 
    </tr> 
</table> 

CSS

table, table td { 
    border: 0; 
} 

Vì vậy, tổng CSS là cụ thể hơn HTML để tạo kiểu tóc? Hoặc là có bất cứ điều gì chúng ta có thể ghi đè lên CSS với các thuộc tính ngoại trừ thuộc tính style.

Answer 1

Từ the CSS 2.1 specification:

Các UA có thể chọn để tôn vinh các thuộc tính presentational trong một tài liệu nguồn HTML. Nếu vậy, các thuộc tính này được dịch sang các quy tắc CSS tương ứng với độ đặc hiệu bằng 0 và được xử lý như thể chúng được chèn vào đầu trang mẫu tác giả. Do đó, chúng có thể bị ghi đè bởi các quy tắc trang tính tiếp theo. Trong giai đoạn chuyển tiếp, chính sách này sẽ giúp các thuộc tính phong cách dễ dàng cùng tồn tại hơn với các biểu định kiểu.

ngôn ngữ tương tự tồn tại trong CSS Cascading and Inheritance Level 3

---

CSS Vì vậy, tổng thể là cụ thể hơn HTML để tạo kiểu tóc?

Có. Không sử dụng HTML để tạo kiểu. Chúng tôi có CSS ​​ngay bây giờ.

Hoặc là có bất cứ điều gì chúng ta có thể ghi đè CSS với các thuộc tính ngoại trừ thuộc tính style

Không có gì. Thuộc tính style chỉ là một cách để áp dụng CSS cho một phần tử. (Như đang sử dụng JavaScript để sửa đổi các thuộc tính DOM được tạo bởi thuộc tính kiểu.)