Sử dụng nhiều ID cho divs trong CSS

Question

Tôi có 3 DIV yếu tố trên một trang web và CSS này:

#box-left, #box-middle, #box-right a { 
    text-decoration:none; 
    color:#000000; 
} 

nó chỉ dường như được làm việc trên các yếu tố #box-right mặc dù.

Bất kỳ ý tưởng nào?

Answer 1

Bạn phải đặt

#box-left a, #box-middle a, #box-right a { 
    text-decoration:none; 
    color:#000000; 
} 

Mỗi giá trị trong danh sách dấu phẩy phân cách là một bộ chọn ngày của riêng mình, nó không được kết hợp với các yếu tố tiếp theo:

#foo, .class p, #bar p:first-child a { 
    something; 
} 

tương đương với

#foo { 
    something; 
} 

.class p { 
    something; 
} 

#bar p:first-child a { 
    something; 
} 

Answer 2

Bạn chưa đặt phần tử vào bộ chọn của mình, để hiểu rõ css của bạn nếu bạn phải đồng natenate hơn một div hoặc một lớp học xem xét để thực hiện một đoạn mới để hiểu tốt mã của bạn như thế này:

#box-left a, 
#box-middle a, 
#box-right a { 
    text-decoration:none; 
    color:#000000; 
} 

Answer 3

Hãy thử

#box-left a, 
#box-middle a, 
#box-right a { 
    text-decoration:none; 
    color:#000000; 
} 

vì nó là dành cho thẻ neo tất cả của div.

Tốt hơn là hãy cung cấp lớp thẻ neo và áp dụng trực tiếp lớp đó.