Bộ chọn CSS chỉ hoạt động nếu <tag> có nội dung</tag>

Question

Tôi muốn chỉ định kiểu cho một phần tử HTML - nhưng chỉ trong trường hợp thẻ có một số nội dung được đặt.

Điều này có thể sử dụng CSS thuần túy không? Lý tưởng nhất là tôi muốn tránh JS hoặc các thay đổi phía máy chủ đối với cấu trúc của chính HTML.

Answer 1

CSS3 có :empty pseudo -class.

Tôi không thể thấy bất kỳ cách nào để thực hiện điều này trong CSS2.1 thuần túy.

Answer 2

Bạn có thể làm điều này với CSS3 bằng cách kết hợp các lớp học giả :not và :empty giả. Đối với các trình duyệt không hỗ trợ cả hai, bạn sẽ cần sử dụng JS hoặc giải pháp phía máy chủ.

div:not(:empty) { background-color:blue; }