css 命名有的加# ，有的加点，有的没加。请问下都在什么情况下用的？

【nav{}】
这样的样式是给特定的标签直接定义样式时使用的，这个样式名称是跟标签是相对应的，比如我要给<p></p>这个标签设置样式，那我就可以直接写：p{样式}就可以，但是这样写并没有特指某个标签，而是指的页面内所有<p>标签的样式，所以，使用了这种方法，那么只要你的页面里有<p>这个标签的，那他们的样式就是统一的样式；
【.nav{}】这种前面加 “.” 的样式，是说明该样式是由类调用的，也就是容器是使用class调用这个样式的，这种样式是可以被多个不同的容器多次重复调用而没有限制的，属于共有样式；
【#nav{}】这种前面加 “#” 的样式是ID调用的，就是容器使用id=“#nav”这样来调用的，这样的样式是一次性的，专有的样式，即该样式只能是一个指定的容器只能调用一次这个样式，其他容器不能再次调用这个样式，也不可以多次调用，属于私有样式；
【关于调用样式的技巧】
举个例子：
<div class="demo1" id="demo2">示例一</div>
<div class="demo1" id="demo3">示例二</div>
<div class="demo4" id="demo5">示例三</div>

这是两个div，容器是可以同时使用class和id调用样式的，这样的好处在于可以将两个div的共同样式放在类样式里面，而各自不同的样式可以放在id样式里面，这样就避免重复写大量相同代码造成冗余的情况发生！
示例一的需要的样式是红色、宋体字，示例二是黑色、宋体字，而这三个示例都需要水平居中显示，那么他们的共同点就是示例一和示例二都需要宋体字，三个示例都要居中显示，那么就可以这样写样式：
<style>

</style>
这样就可以避免重复写很多不需要多次写的重复代码

转载于:https://www.cnblogs.com/herizai/p/8459929.html

css 命名有的加# ，有的加点，有的没加。请问下都在什么情况下用的？相关推荐

为什么华为手机总出现没见过的图片？这种情况下赶紧注意4个功能
最近有不少朋友问过我这个问题,为什么我的华为手机中总是出现一些自己没有见过的照片,从哪里来的?如果你也遇到过这样的情况,那就多注意一下这些设置吧. 1.应用以及浏览器使用手机自然无法避免使用浏览器或 ...
已经发车的票还能取出来吗_高铁票在车已经开了，但我没上车也没有取票的情况下，还能取出票吗？...
展开全部可以取票. 在12306.cn网站使用居民e69da5e887aa3231313335323631343130323136353331333365633961身份证购票,并且在具备条件的乘车 ...
前端开发规范（二）——CSS 命名规范
css规范代码规范 1.代码格式化紧凑格式 .jdc{display: block; width: 50px;} 展开格式 .jdc {display: block;width: 50px; } ...
php 加载慢,解决php加载慢的一个办法_PHP教程
这几天在测试我们目前的php框架时发现,框架层加载php文件的时间很长,最终发现是因为各种require_once导致整个加载时间变长,如果不使用eaccelerator的情况下,在虚拟机上测试可能会 ...
用手机UC浏览器页面打开vue项目，图片，css，js都没加载
用手机UC浏览器页面打开vue项目,图片,css,js都没加载用HBuilder X创建了一个普通的vue项目,在电脑上使用浏览器看没有什么问题,然后提交到了公司的服务器上,发现用手机,除了火狐,谷 ...
CSS命名方法之BEM
转自BEM -- 源自Yandex的CSS 命名方法论 BEM的意思就是块(block).元素(element).修饰符(modifier),是由Yandex团队提出的一种前端命名方法论.这种巧妙的命 ...
html语言书写注意事项,CSS命名规范参考及书写注意事项
CSS书写顺序 *{ /*显示属性*/ display position float clear cursor - /*盒模型*/ margin padding width height /*排版*/ ...
css 命名规范 BEM
在项目的开发过程当中, 我们往往因为日益复杂的css代码而感到力不从心. 如何合理的组织css代码成为了我们前端开发过程中必须考虑到的环节. 在读element源代码的时候, 了解到了BEM的命名风格 ...
『前端规范化』CSS命名规范化
CSS命名规范化 CSS命名规范化,有利于代码阅读和维护,在大型项目及团队协作开发中有着重要的意义.这里我推荐采用BEM命名规范+适当的语义理解简写.因为BEM命名常常会因为太长而被人诟病,所以适当加 ...

css 命名有的加# ，有的加点，有的没加。请问下都在什么情况下用的？