CSS Phụ Huynh/Tổ tiên Selector

Question

thể trùng lặp:
Is there a CSS parent selector?

Tôi biết đây là một shot trong bóng tối, nhưng là có một cách, chỉ sử dụng css, CSS2, không jquery , không có javascript, để chọn và tạo kiểu cho tổ tiên của một phần tử? Tôi đã đi qua các bộ chọn nhưng đang đăng bài này trong trường hợp tôi bị mất một cái gì đó hoặc có một workaround thông minh.

Ví dụ: giả sử tôi có bảng có tên "kiểm tra" được lồng trong một div. Có một số loại:

<div> 
    <table class="test"> 
    </table> 
</div> 

div (with child) .test 
{ 
    /*styling, for div, not .test ...*/ 
} 

Answer 1

Không có những điều như selector mẹ trong CSS2 hoặc CSS3. Và có thể không bao giờ có, thực sự, bởi vì toàn bộ phần "Cascading" của CSS sẽ không dễ dàng giải quyết một khi bạn bắt đầu thực hiện các bộ chọn cha mẹ.

Đó là những gì jQuery là cho :-)

Answer 2

Trong CSS có một: chọn sản phẩm nào cho phép bạn để phù hợp với các yếu tố có sản phẩm nào, bạn có thể phủ nhận tác dụng với: không chọn.

div:not(:empty) { 
    // your styles here 
} 

Tuy nhiên, tôi không chắc liệu tất cả các trình duyệt có hỗ trợ điều này hay không.

Answer 3

div:not(:empty) { 
    margin:0; 
} 

không được công nhận bởi http://jigsaw.w3.org/css-validator/ như CSS2

đó là mục đích của CSS để "cascade" xuống từ chứa nhiều đến các yếu tố cụ thể hơn. Tôi đoán nó có thể để bạn có thể "đảo ngược logic của bạn", như trong

div.myclass { /* format parent */ } 
div.myclass * { /* neutralize formats in descendants */} 
div.myclass img { /* more specific formats for img children */ } 

may mắn Mike

Answer 4

: pseudoclass trống được hỗ trợ bởi trình duyệt Firefox, nhưng không tương thích với trình duyệt IE.

Nhưng cách giải quyết jQuery rất đơn giản cho IE là http://www.webmasterworld.com/css/3944510.htm. Đã lưu thịt xông khói của tôi