CSS中Class与ID的使用规范
学习了建网站课程的学员都知道,网站的布局格式都是通过CSS样式来控制的。CSS的命名有二种方式:Class与ID。(相关知识:CSS中class与id的区别是什么?)
对于我们自己做网站时,如何正确的使用Class与ID来命名呢,为了达到CSS特别高效,需要按照以下的使用规范。
Class与ID区别:
同名的ID在一个页面中只能有一个,所以使用ID表示CSS样式只能表示一个元素的样式;
CLASS在一个页面中可以有多个,也就是说定义一个CSS样式后,可以应用到多个元素;
Class与ID书写方式:
ID书写方式:#title{color:red}
CLASS书写方式:.title{color:red}
Class与ID命名规范:
规避从属写法。如#mainaav .firstnav{……}
规避class与id重名,不建议使用ID选择器。
重复使用这张专辑高的命名,可加代号加下划线起始,比如:title_news;
取父级元素ID/CLASS命名部分命名。例如:
<div id="mainnav"><div class="main_firstnav"></div></div>
了解了CSS中Class与ID的使用规范,对于自己建网站中提高CSS的执行效率有很大的帮助。