本篇文章给大家分享的是有关怎么在css中设置字体样式，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。
1.父子（派生）选择器
<div class="wrapper"> <strong class="box"> <em>234</em> </strong></div><em>123</em>此时要使234有颜色，需要用到父子选择器，虽说用之前的标签选择器可以让它有颜色，但是123也会有颜色，所以用到为父子关系的父子选择器，这样就可以精确的让234变色而不使123变色，使用的方法就是父级标签+空格+子级标签，例如
div strong em{ backgroud-color:red;}这样234所在位置背景颜色为红，但是123所在位置不满足父子关系，所以123所在背景不会变红；（当然不一定只能用标签选择器连接，也可以用class选择器等，只取决于是否满足父子关系，与连接选择器无关）
2.直接子元素选择器
<div> <em>123</em> <strong> <em>456</em> </strong></div>表示直接一级关系的子元素，例如这里的123是div下面直接的一个em里面，所以称这个em是div的直接子元素，通过这种方式修饰，只会让123变色，而456不会变色，使用的方法是
div > em {background-color:red;}通过 “>” 连接，这表示对div的直接子元素em里面的内容进行修饰。
3.并列选择器
<div> 1 </div><div class="demo"> 2 </div><p class="demo"> 3 </p>这个时候要想2变色而其他的不变色，用标签选择器、属性选择器是办不到的（当然可以用加id选择器），所以这个时候就需要并列选择器，就是通过两个并列的元素来找到修饰对象，从而进行修饰。使用方法如下：
div.demo{ background-color:red;}并列选择器（多个选择条件选中一个对象）具有它的独特性（与其他元素不一样），方法是两个或两个以上的选择方法不加空格连接在一起。
]
使用复杂选择器需要考虑权重问题,同一排的标签，权重值可以直接相加
接下来是css字体样式和颜色的一些简单属性；
div{ font-size:30px; <!--字体大小(改变的是高度)--> font-weight:bold; <!--字体粗细（strong标签自带font-weight属性）--> font-style:italic; <!--em标签的css样式--> font-family:arial; <!--字体样式--> color:green; <!--纯英文单词式--> color:ff00ff; <!--颜色代码--> color:rgb(25,25,25); <!--颜色函数-->}css的选择器有哪些
css的选择器可以分为三大类，即id选择器、class选择器、标签选择器。它们之间可以有多种组合，有后代选择器、子选择器、伪类选择器、通用选择器、群组选择器等等
以上就是怎么在css中设置字体样式，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注编程网行业资讯频道。
