Question

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

如：
nav{}
.nav{}
#nav{}

Answer 1

建议楼主还是看一下CSS的基础知识吧，尤其是CSS的选择器和盒子模型！
你说的这三个就是CSS的最基本的选择器也是CSS的核心选择器
nav{}表示的是元素选择器例如<p>我就是我张国荣</p>其中P就是元素
.nav{}这个是类选择器可以给让多个元素共用例如<div class="nav">我是块标签</div>
<span class="nav">我是行内标签无意思</span>
#nav{}这个是ID选择器在一个页面里面是唯一的可以精准定位，但是要注意和javascript搭配时候使用。
最后建议楼主可以看一下前沿视频教室出的那本css基础书听不错！

Answer 2

【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>
<!--
.demo1{font-family:"宋体";} /*宋体字*/
#demo2{color:red;} /*红色色*/
#demo3{color:black;} /*黑色*/
div{margin:0 auto;} /*将页面内所有div居中显示*/
-->
</style>
这样就可以避免重复写很多不需要多次写的重复代码

Answer 3

①当一个元素定义了它的id属性，就可以用#加id名，定义它的样式。如：
<p id="content"> 这是一个定义了id属性值为content的段落标签 </p>
在CSS中设置它的样式：#content{ color:red; }
【在一个页面中id值是唯一的】
②当一个元素定义了它的class属性，就可以用点(.)加class名，定义它的样式。如：
<p class="content"> 这是一个定义了id属性值为content的段落标签 </p>
在CSS中设置它的样式：.content{ color:red; }
【在一个页面中，class值相同的元素，共享用该class名定义的样式。】
③没加的为标签选择器，选择器的名字直接是元素名。如：
p{ color:red; } 指设置所有p元素的字体颜色为红色。

Answer 4

#定义的是ID选择符.如 #sp1 {} 会应用到 <span id="sp1"></span>
.定义的是CLASS选择符.如 .dv1 {} 会应用到 <div class="dv1"></div>
没有前缀的定义的是标签选择符.但只对HTML标签有意义,如 a {} 就会应用到所有A标签.但是如果定义 xxx {} 就没有意义,因为HTML中没有 xxx 标签.

Answer 5

nav{}
设置的是html中标签为nav的样式，即<nav> 相关代码 </nav>

.nav{} 定义一个类
设置的是html中类名为nav的标签的样式，即class=“nav”

#nav{}
设置的是html中id为nav的标签的样式，即id="nav"