以下是引用片段:
<style type="text/css">
td .b {
color:#00ff00
}
th.b {
color:#ff0000
font-family:黑体
font-size:20px
}
.b {
color:#0000ff
font-size:12px
}
</style>
<table>
<tr>
<td><div class="b">第一个类b的类路径是th .b</div></td>
<th class="b">第二个类b的类路径是th.b</td>
<td class="b">第三个类b的类路径是 .b</th>
</tr>
</table>
<div class="b">第三个类b的类路径是 .b</div>
css中 用逗号隔开表示两个不同类的样式类名用同一个样式;
空格隔开表示从属包含关系,是当前的元素子元素;
逗号隔开表示并列关系,两者之间没有任何关系,可以使用同一个样式。
比如下面的代码示例:
<div class="content"><span class="content-child">子内容</span>
内容</div>
<div class="conter">内容2</div>
<style>
.content .content-child{
color:red//空格隔开表示在类content下的类样式.content-child的样式被改变了
}
.content,conter{
color:#ffd014//逗号表示在不同的类下,样式都被改变。
}
</style>
一:特定文字间的空格,这是CSS不可能做到的事情关键在于,你所描述的特定文字,那些是特定文字??css不懂你的规则。
二:如你例子所示,abc def 这中间需要一个空格,问题是,css怎么知道abcdef刚好在c后面需要加空格?而不是在ab之后加空格?三:如果只是在英文字母之间要加空格 ,方法有
1.手工在中间录入英文状态下的半角空格,人工进行分隔。
2.每一个需要分隔的字符串都安放在一个元素里面如<span class="space">abc</span><span class="space">def</span>
对class space
.space{margin-right:1em}
这样就刚好隔开一个字的大小,1em也可以使用指定的大小 10px之类。