原文地址：http://www.cxybl.com/html/wyzz/CSS/20120601/27374.html
比如： .c1.c2 { text-decoration:underline; } 選擇器中 .c1 與 .c2 直接連在一起，中間無空格、無逗號，表示什么意思？
看個例子：
head style type="text/css"
.c1 { color:#ff0000; }
.c2 { font-style:italic; }
.c1.c2 { text-decoration:underline; }
比如：
.c1.c2
{
text-decoration:underline;
}
選擇器中 .c1 與 .c2 直接連在一起，中間無空格、無逗號，表示什么意思？看個例子：
<head>
<style type="text/css">
.c1
{
color:#ff0000;
}
.c2
{
font-style:italic;
}
.c1.c2
{
text-decoration:underline;
}
</style>
</head><body>
<p class="c1">這里是紅色</p>
<p class="c2">這里是斜體</p>
<p class="c1 c2">這里是紅色、斜體、下划線</p>
</body>結果已經通過文字直接描述出來了，原來 .c1.c2 表示如果一個標簽中同時使用了這兩個類（不論順序、不論是否還有其他類），則響應此樣式規則。
然而在 ie 中，第二個段落中除了有斜體還有下划線，說明它還把 .c1.c2 看作是 .c2。
於是，考慮到兼容性的原因，盡量不要使用 .c1.c2 這樣的選擇器。
.c1.c2
{
text-decoration:underline;
}
選擇器中 .c1 與 .c2 直接連在一起，中間無空格、無逗號，表示什么意思？看個例子：
<head>
<style type="text/css">
.c1
{
color:#ff0000;
}
.c2
{
font-style:italic;
}
.c1.c2
{
text-decoration:underline;
}
</style>
</head><body>
<p class="c1">這里是紅色</p>
<p class="c2">這里是斜體</p>
<p class="c1 c2">這里是紅色、斜體、下划線</p>
</body>結果已經通過文字直接描述出來了，原來 .c1.c2 表示如果一個標簽中同時使用了這兩個類（不論順序、不論是否還有其他類），則響應此樣式規則。
然而在 ie 中，第二個段落中除了有斜體還有下划線，說明它還把 .c1.c2 看作是 .c2。
於是，考慮到兼容性的原因，盡量不要使用 .c1.c2 這樣的選擇器。