Question

CSS3代码写在JS中和直接写有什么区别吗？

为什么这段CSS代码要写在JS中呢，直接写有什么不妥之处吗？
$('.menu_nav ul li a').css({"border-radius": "8px", "-moz-border-radius":"8px", "-webkit-border-radius":"8px"});

Answer 1

这事得两说，我观察过我身边很多人：

A. 程序员爱往 js 里面写

B. 会 css 又懂点 js 的设计师通常在 js 里面改变 class 名字，css 写到单独样式表中

C. 只懂 css 不会 js 的设计师被迫往 js 里面写
(他们想往css里面写，问题代码都是下载的或其他程序员写的，他们想改成 js 改变 id、class 形式，但很多人不知道怎么去改)

css 强的人多数倾向于用 id 或 class ，然后用 js 替换 id、class 名字，因为潜意识觉得直接写在 js 中阅读不爽，输入不方便，到 css 文件中写多数编辑器都会有语法提示，修改改的时候又要打开另一个 js 文件去改；

反过来经常写 js 的人又多数倾向于直接写在 js 里面，他们觉得：要去打开个另外的 css 文件来写或修改不方便。

其实就是两种习惯不同。

Answer 2

在js中写是为了动态改变元素的样式，当然也可以事先定义好样式，再用js替换也是一样的。

Answer 3

其实我还是觉得CSS事先定义更加好，那样可以多次调用，下次需要的时候不用写重复代码。

Answer 4

这样做是有风险的，因为有些浏览器还是识别不了js的。
不是万不得已还是直接写css的比较好。如果要动态显示的话，可以把这些css写成一个class或者是一个id,这样比较稳妥。

Answer 5

其实写在css中也是一样的