Có ổn không khi sử dụng nhiều phần tử giả trong css?

Question

Tôi muốn tạo một menu trong đó mỗi mục được phân tách bằng dấu ·. Để đạt được điều này, tôi sử dụng

menu li:before { 
    content: "· "; 
} 

Điều này là sưng lên, nhưng nó cũng tạo ra dấu chấm trước mục đầu tiên. Do đó, tôi cũng muốn sử dụng lớp học giả :first-child giả. Tôi có thể làm được không?

Answer 1

Chắc chắn bạn có thể - http://jsfiddle.net/WQBxk/

p:before { 
    content: "BEFORE "; 
    display: block; 
} 

p:first-child:before { 
    content: "1ST"; 
    display: block 
} 
​ 

Nhược điểm - nó sẽ không làm việc trong IE7 và dưới đây. Không phải vì nhiều bộ chọn giả, nhưng do không được hỗ trợ :before - http://kimblim.dk/css-tests/selectors/

Chỉ cần thử nghiệm trong IE8 - hoạt động tốt.

Answer 2

Đây là fiddle làm việc: http://jsfiddle.net/surendraVsingh/zRrLF/

<ul> 
<li>lorem</li> 
<li>lorem</li> 
<li>lorem</li> 
<li>lorem</li> 
<li>lorem</li> 
<li>lorem</li> 

</ul>​ 

CSS:

li:before{content:'. ';} 
li:first-child:before{content:'@ ';} 

Answer 3

Tất nhiên bạn có thể sử dụng giả classes.They được khá tốt hỗ trợ từ IE8 và up.You có thể kiểm tra khả năng tương thích của bất kỳ pseudoclass nào bạn sẽ sử dụng ở đây http://caniuse.com/#search=after

Nếu bạn không muốn dấu chấm j ust sử dụng dấu phẩy trống trong nội dung và sau đó hiển thị: chặn và cũng chỉ định chiều cao và chiều rộng.

menu li:before { 
    content: ""; 

    display:block; 
    width:50px; 
    height:50px; 
    background:red; 

}