Với việc giới thiệu các vars css, tôi muốn biết lý do của lý do tại sao--
sẽ được chọn làm cách biểu thị var.Có bất kỳ giới hạn kỹ thuật nào trong CSS dẫn đến quyết định sử dụng `--` cho vars không?
Xem xét CSS có chức năng bán calc
có khả năng bán, tôi cảm thấy như --
có thể dễ dàng bị nhầm lẫn với toán tử giảm ở các ngôn ngữ khác.
Tôi tò mò nếu có bất kỳ ý nghĩa lịch sử hoặc giới hạn kỹ thuật nào dẫn đến việc chọn --
. Đôi đặc biệt làm rối loạn tôi, khi các dấu CSS thường là đĩa đơn (#,., @, V.v.). Cũng sử dụng một biểu tượng đã được sử dụng bởi những thứ khác cũng là thú vị (đặc biệt là khi nó hợp lệ cho một tên lớp học để bắt đầu với --
).
Ví dụ:
@custom-media --lt-sm (width < 576px);
--grey300: #e0e0e0;
.navbarItem {
display: inline-block;
text-align: center;
border-top: 1px solid var(--grey300);
border-left: 1px solid var(--grey300);
@media (--lt-sm) {
flex-grow: 1;
}
&:last-child {
border-right: 1px solid var(--grey300);
}
}
Disclaimer
Một số có thể tranh luận tính hợp lệ của câu hỏi này, nhưng hiểu được lý do tại sao là một kỹ thuật quan trọng để ghi nhớ một khái niệm cụ thể.
Các cuộc thảo luận duy nhất mà tôi có thể tìm thấy liên quan đến nó:
Trong Telcon ngày hôm nay, chúng tôi quyết tâm sử dụng một "-" tiền tố để chỉ thuộc tính tùy chỉnh và điều chỉnh khác.
Chúng tôi đã thảo luận xem tiền tố có được duy trì hoặc bị giảm khi đề cập đến thuộc tính tùy chỉnh từ một hàm var(), nhưng không thực hiện giải quyết . Thảo luận trong cuộc gọi nghiêng về phía tiền tố , như tôi hiện đang có các thuộc tính khác nhau, nhưng một số bên thảo luận với Simon và Sylvain lập luận để sử dụng tên đầy đủ, như có những trường hợp khó hiểu như "- 0" hoặc "----".
Vì vậy, trong khi tôi hiểu sự nhầm lẫn tiềm năng gây ra bởi tác giả có thể nghĩ rằng var() có thể mất bất kỳ tên thuộc tính như một cuộc tranh cãi , tôi nghĩ rằng nó bị bác bỏ bởi sự nhầm lẫn về những gì cần phải được thoát trong những hoàn cảnh khác nhau. Quy tắc thoát luôn luôn rất gây nhầm lẫn cho tác giả, vì vậy tôi sẽ đi với "sử dụng thuộc tính tùy chỉnh tên theo nghĩa đen là đối số var()".
tham khảo:
http://lists.w3.org/Archives/Public/www-style/2014Mar/0467.html
https://www.w3.org/TR/css-variables/#defining-variables
Có, nhưng bạn không nên kết hợp CSS và các ngôn ngữ khác. Chắc chắn '-' loooks giống như toán tử giảm, nhưng sau đó, các từ chứa một '-' đơn lẻ giống như phép trừ khi so sánh với các ngôn ngữ khác. Vì vậy, CSS khá độc đáo! Dù sao, câu hỏi tại sao sử dụng hai dấu trừ trừ thay vì một ký tự đơn; có lẽ họ sợ họ đã hết các nhân vật duy nhất. Hầu hết những người khác đã được sử dụng. –
Độc đáo không bắt đầu giải thích nó! Hoàn toàn hiểu những gì bạn đang nói, tôi đoán tại sao không chỉ sử dụng một '-' nếu họ đang nghĩ về việc chạy ra ngoài? Tôi hiểu rằng có thể có một vài lý do (hoặc không có) nhưng chỉ quan tâm nếu nó đã được thảo luận/ghi lại lý do khiến chúng ở đó vào cuối – Chris