Question

<DIV class=side-div id=side-div>这种DIV写法是什么意思，能不太懂。谁知道哪里有这样的教程

Answer 1

就是说，这个div引用了类side-div和ID：side-div。类跟ID虽然在写css的时候没什么区别，但是一个页面一个ID只能用一次，一个类（class）可以用很多次。像你提供的代码，你的页面还可以继续用class=side-div，却不能在用id=side-div了。id的唯一性有其存在的意义。类的多次引用也减少了代码累赘增加了循环利用！

追问

那为什么吧他们写在一起呢。有什么好处，他们两个在用的时候到底用的谁。

追答

写一起并不是有什么好处，而是有时候有必要。比如，一个页面很多个div引用了side-div这个class，但是对某个div我想让它在鼠标经过时左右晃动，我就通过js控制它，这时给这个div一个side-div的id，那么js控制这个id也就意味着仅仅是控制这个div晃动。还有一点，id的优先级要比class高很多！假如side-div这个class设置了div的高度是100px，但是side-div这个id设置了div的高度是200px，那么div的高度会是200px。

Answer 2

其实没什么意思！就是有两个样式、一个是id的一个是class的！这样写主要是class的样式可能会多次应该而已、可以节省很多代码！你也可以不理他、只要是div+css的教程就有了！但是他不会太详细的介绍、

Answer 3

没写完全，最好加上双引号
<div class="side-div" id="side-div"></div>
这个就是说明了这个div的class类和id号