: chữ cái đầu tiên không hoạt động với số mạnh

Question

Tôi bỏ cuộc. Tại sao: chữ cái đầu tiên không hoạt động ở đây?

strong { 
    font-weight: bold; 
    color: blue; 
} 
strong:first-letter { 
    color: red; 
} 

<strong>test test</strong> 

Answer 1

Tiếp tục để câu trả lời khác, nó cũng (trong Chromium ít nhất) hoạt động với các yếu tố với display: inline-block , do đó, display chỉ đơn giản là phải là bất cứ điều gì khác hơn inline (bao gồm list-item), ví dụ:

strong { 
    font-weight: bold; 
    color: blue; 
    display: inline-block; 
} 
strong::first-letter { 
    color: red; 
} 

JS Fiddle demo.

Ngoài ra, ::first-letter là phần tử giả, do đó cú pháp phải là dấu hai chấm thay vì đơn, để phân biệt bộ chọn từ lớp giả.

Answer 2

first-letter không hoạt động với các phần tử nội tuyến, chỉ trên các phần tử khối.

Answer 3

first-letter chỉ có thể được sử dụng với các phần tử khối.

này sẽ làm việc, nhưng câu hỏi là cách hữu ích một mức khối strong là:

http://jsfiddle.net/UZpLG/

strong { 
    font-weight: bold; 
    color: blue; 
    display: block; 
} 
strong:first-letter { 
    color: red; 
} 


<strong>test test</strong> 

Answer 4

Đây là JSBin

: đầu tiên chữ không hoạt động với các yếu tố inline

Sửa đổi CSS của bạn với một này, thêm display: block trong bạn mạnh {...}

strong { 
    font-weight: bold; 
    color: blue; 
    display: block; 
} 
strong:first-letter { 
    color: red; 
} 

Answer 5

Bạn nên đọc khoảng Note: The "first-letter" selector can only be used with block-level elements.

và Block-level elements

và gương http://jsfiddle.net/eLvWt/6/

strong { 
    display:block; 
    color:green; 
} 

strong:first-letter { 
    color: red; 
} 

chú ý: Xin vui lòng bỏ qua tài liệu tham khảo này câu trả lời của tôi kể từ khi nó được ra-ngày.