2010-02-03 21 views

Trả lời

55
.thereisnomaximumlengthforaclassnameincss { 
maxlength: no; 
} 

Chúc may mắn! Không có độ dài tối đa.

+0

Tuyệt vời! :-) –

+0

chấp nhận câu trả lời !!! :) – Younes

+6

điều này sẽ không xác nhận ...: p –

1

Tương tự như this question trên tên ID trong HTML. Có vẻ như không có giới hạn "thực tế".

Tôi nói hãy giữ chúng càng ngắn càng tốt, trong khi vẫn mang tính mô tả - tại sao lại tán tỉnh những tên điên rồ? :)

+1

Bạn đã bao giờ lo lắng về việc hỏi anh ta tại sao anh ta muốn biết điều này? Ông có thể có một lời giải thích rất hợp lý cho câu hỏi của mình: p. – Younes

+1

Thôi nào, phải ném vào một số ý kiến ​​ở đâu đó! :) Chúc may mắn! – chucknelson

35

Không có maxiumum. Về cơ bản, một tên có thể bắt đầu bằng dấu gạch dưới (_), dấu gạch ngang (-) hoặc một chữ cái (a – z), và sau đó được theo sau bởi một chữ cái, hoặc dấu gạch dưới, và THEN có bất kỳ số nào dấu gạch ngang, dấu gạch dưới, chữ cái hoặc số:

-?[_a-zA-Z]+[_a-zA-Z0-9-]* 
+1

Điều đó giải thích tại sao tôi gặp sự cố khi sử dụng băm làm tên lớp. (SHA, MD5 thường bắt đầu bằng một số) Cảm ơn. – Greg

+1

đây là câu trả lời hay nhất! –

9

Đừng quên băng thông. Nó có thể dường như không tạo sự khác biệt, nhưng một file css với 30 lớp học với tên dài có thể thêm lên đến một vấn đề hiệu suất lớn trên một trang web lớn

+10

+1, mặc dù một cái gì đó nói với tôi rằng chúng tôi không phải trong những năm 1970 nữa, và xem xét số lượng lưu lượng truy cập P2P vô dụng, một vài điểm bổ sung UTF8 trong CSS không phải là một vấn đề lớn. –

+0

Yep Aiden Bell, bạn hoàn toàn đúng.Khi trở lại trong những ngày mọi người phải lo lắng về 1 hoặc 2 nhân vật hơn đó là hoàn toàn ra khỏi câu hỏi cho hầu hết các khía cạnh. – Younes

+0

Băng thông cũng rất quan trọng khi sử dụng web trên thiết bị di động. Không phải ai cũng có kết nối di động nhanh và rất nhiều tên dài trong một lớp CSS lớn có thể tạo nên sự khác biệt. – Uooo

2

để thêm vào những gì người khác đã viết, chỉ muốn thêm nếu - như tôi - bạn fi bạn đôi khi kết thúc với những tên dài điên rồ (bởi vì bạn thích mô tả) thì nó có giá trị mang trong bộ chọn tâm trí, mà còn thúc đẩy phong cách tái sử dụng và giúp giữ cho mọi thứ dễ đọc.

ví dụ:

h1 { 
    1.5em; 
} 

styledParagraph { 
    font-size: 1em; 
} 

/* Override the default font size if the styledParagraph element is inside an element with the class articlePage */ 
.articlePage .styledParagraph { 
    font-size: 1.5em; 
} 

/* Make all <h1> elements in .articlePage -> . styledParagraph larger than the default */ 
.articlePage .styledParagraph h1 { 
    font-size: 2em; 
} 

Điều này được hỗ trợ rất rộng rãi (ngay cả trong MSIE 6) và dễ đọc hơn nhiều so với tên lớp học. articlePageStyleParagraphHeading.

Các vấn đề liên quan