css中样式前面有点号跟没点号有什么区别含义？比如.table跟table

html-css013

css中样式前面有点号跟没点号有什么区别含义？比如.table跟table,第1张

在css中前面必须加点或者井号（. #）如果是加入到div里的class中（<div class="table"></div>）class是调用类名 也就是css中.table带点的 （<div id="table"></div>）id是调用带#的 #table

.header .rlink ul li.r3 a

带点的是自定义的样式名称，几个点的并列着写（有空格）意思是带.header 这个样式的元素里的 带.rlink样式的元素，就是容器包着容器，.header容器里的.rlink容器。比如：

<div class="header">

<div class="rlink"></div>

</div>

不带点的是html元素，意思是 .rlink样式下的ul元素。以此类推。ul 下面的li

li.r3 中间无空格意思是<li class="r3">本li的样式是r3

li.r3 a 意思是带r3样式的li里的a元素。

<div class="header">

<div class="rlink">

<ul>

<li class="r3">

<a href="#"></a>

</li>

</ul>

</div>

</div>