我对 UI 开发有点陌生,但我对 CSS 的实际工作方式感到非常不舒服。
我的用例:[尝试使用 css & less]
我想div
在页面上的特定内容中应用一些特定样式。
CSS尝试:
div.class1 {
font: normal 12px arial, helvetica, sans-serif;
font-color: #f30;
}
div.class1 div.class2 {
border: 1px solid #f30;
}
少尝试:
@red: #f30;
@font-family: arial, helvetica, sans-serif;
div.class1 {
font: normal 12px @font-family;
font-color: @red;
div.class2 {
border: 1px solid @red;
}
- 现在,编写 css 可能会导致错误,因为它会迫使您在每次尝试实现层次结构和变量重用时
#f30
重复div.class2
。
我的问题 :
- 为什么那 css 让事情变得困难?
- less 没有什么特别的 - 只是做了明显的改进并转化为 css ?
- css 想要激励用户的是什么,因为它促进了这种冗余的编码风格?
我坚信css应该是less。当然,我忽略了为什么在 css 中以这种方式完成的一些明显优势。
我认为这是一个遗留问题,但当我看到没有尝试使用 css3 解决这个问题时,我感到很惊讶。
请帮助我了解我应该如何处理 css ?