Was ist der Unterschied zwischen dem Nummernzeichen und dem Punkt des CSS-Selektors?

CSS里的样式表是有规则组成的，每条规则有三个部分组成：
1、选择器（如下面例子中的：“body”），告诉浏览器文档的哪个部分受规则影响；
2、属性（如实例中的font-family、color等），规定了布局的什么方面被设置了；
3、值（如实例中的Arial,sans-serif，#333333等），给出了式样属性的值。
 #是ID选择器 .是class选择器 *是通配符号 
比如*{margin：0；padding：0；所有的元素都会沿用这个属性样式}（还有一种情况是IE hack）比如 .b{margin:0;*margin:10px;}这里IE看到的是margin：10px，其他的浏览器看到的会是前面那个margin：0；

Schauen wir uns zuerst den Code an~

body{
font-family: Arial,sans-serif;
color: #333333;
line-height: 1.166; 
margin: 0px;
 padding: 0px;
}
#masthead{
margin: 0;
padding: 10px 0px;
border-bottom: 1px solid #cccccc;
width: 100%;
}
.feature img{
float: left;
padding: 0px 10px 0px 0px;
 margin: 0 5px 5px 0;
}

# entspricht der ID
Der Punkt entspricht der Klasse
Keine entsprechenden HTML-Tags
Es lässt sich in einem Satz zusammenfassen: Die Klasse kann wiederholt verwendet werden, die ID jedoch nur einmal auf einer Seite. Es ist möglich, dass die wiederholte Verwendung derselben ID in den meisten Browsern keine Probleme verursacht, aber laut Standard handelt es sich definitiv um eine falsche Verwendung und kann in einigen Browsern zu echten Problemen führen.
In praktischen Anwendungen ist Class möglicherweise nützlicher für das Textlayout usw., während ID eher für das Makrolayout und die Designplatzierung verschiedener Elemente nützlich ist.

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen dem Nummernzeichen und dem Punkt des CSS-Selektors?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!