Question

如何在CSS控制字体格式的网页中不影响局部文字格式的独立设置

Answer 1

先用通俗的比喻解释一下：

css规则有“永久声明”和“临时声明”两种。
永久声明的内容写在css文件里，作为全局通用的规则。
临时声明写在内容里，作为所选范围内的内容的规则。

打个比方：
css规则：
正文{字体：雅黑 16px}
html代码：
<正文>
这是一篇正文的内容，其中<小块 css规则为:"字体：宋体 16px">这一小块文字字体为宋体</小块>
</正文>

那么除了<小块>包围的内容，都是特殊指定的字体。其余文字按css规则。

因此，在CSS控制字体格式的网页中不影响局部文字格式的独立设置方法如下：
要求可以做到，但需要满足以下两个条件：
1. css规则里面没有声明：这条规则是至高无上的，没有什么其他规则可以覆盖逾越（技术上来说就是!important）。
2. 编辑器在你选中某段文字，修改字体时，能够自动给那段文字加上类似<小块 css规则为:"字体：宋体 16px"></小块>这样的包围标签。

Answer 2

先用通俗的比喻解释一下：

css规则有“永久声明”和“临时声明”两种。
永久声明的内容写在css文件里，作为全局通用的规则。
临时声明写在内容里，作为所选范围内的内容的规则。

打个比方：
css规则：
正文{字体：雅黑 16px}
html代码：
<正文>
这是一篇正文的内容，其中<小块 css规则为:"字体：宋体 16px">这一小块文字字体为宋体</小块>
</正文>

那么除了<小块>包围的内容，都是特殊指定的字体。其余文字按css规则。

因此，在CSS控制字体格式的网页中不影响局部文字格式的独立设置方法如下：
要求可以做到，但需要满足以下两个条件：
1. css规则里面没有声明：这条规则是至高无上的，没有什么其他规则可以覆盖逾越（技术上来说就是!important）。
2. 编辑器在你选中某段文字，修改字体时，能够自动给那段文字加上类似<小块 css规则为:"字体：宋体 16px"></小块>这样的包围标签。

Answer 3

使用行内样式，或者使用标签找到对应的文字的类名，设置字体样式

Answer 4

1：css选择器。在css中最常用的是用class选择器和元素选择器。id选择器在css中用的比较少，在js中常用。一般企业级开发用的是常用class组合选择器，而很少用太深层次的class层级选择器。组合选择器和层级选择器各有有点，根据你的问题，这些不是重点，了解就可以。
2：根据你的问题，这里涉及到选择器的权重值和字体属性值的继承。class选择器的权重值大于元素选择器。比如body{font-size:12px;color:red;}这段层叠样式的意思为整个body元素下的文字大小为12像素，颜色为红色。而我想单独控制一个div元素中的文字大小和颜色那么你直接这样写：div{font-size:16px;color:red;}这样你就是可以独立设置局部文字的属性值。
3：对于以上回答如有不理解之处请指正或者追问