Rumah >hujung hadapan web >tutorial css >css什么时候用class和id
当css样式用于不止一个元素时,使用class来定义;当css样式只应用于一个元素时,使用id来定义。原因:id不能重复,只能使用一次,一个id只能用于一个标签元素;而class可以重复使用,同一个class可以定义在多个标签元素上。
本教程操作环境:windows7系统、css3版本、Dell G3电脑。
教程推荐:css视频教程
CSS中的选择符除了可以选择HTML预定义的标签,比如3499910bf9dac5ae3c52d5ede7383485,e388a4556c0f65e1904146cc1a846bee,dc6dce4a544fdca2df29d5ac0ea9906b。还可以选择用户自己定义的id或者class。id与class的最主要不同就在于id不能重复,只能使用一次,一个id只能用于一个标签。而class可以重复使用,同一个class可以定义在多个标签上。实际上从名称就能看出来id与class的区别,id是识别符,而class是类。
那么什么时候使用id,什么时候使用class?
当css样式用于不止一个元素时,使用class来定义。
当css样式只应用于一个元素时,使用id来定义。
例如导航条,每个页面中,只存在一个顶部导航条的话,可以使用id来定义
<nav id="nav"></nav> // 或者 <div id="nav"></div>
例如商品列表,具有相同的样式,可以使用class来定义
<ul id="list"> <li class="list-item">1</li> <li class="list-item">2</li> <li class="list-item">3</li> </ul>
更多编程相关知识,请访问:编程教学!!
Atas ialah kandungan terperinci css什么时候用class和id. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!