首先，CSS优先函数包括以下三个因素：
行内样式（Inline styles）-->1,000 id选择器（IDs）-->100 class选择器、属性选择器和伪类（Classes, attributes, and pseudoclasses）-->10 标签名、伪元素（Tag names and pseudoelements）-->1
这些数字表示优先级，其中数字越大，优先级就越高。也就是说，行内样式的优先级最高，标签名的优先级最低。如果某个元素应用了多个规则，则优先级高的规则将覆盖优先级低的规则。
以下是CSS优先函数使用示例：
<style type="text/css">
#div1{color: red;}
.myText{color: green;}
.myText span{color: blue;}
</style>
<div id="div1" class="myText">
This is a test <span>text</span>
</div>在上述代码中，元素`
`同时应用了id选择器和class选择器。此外，元素``也应用了类选择器。元素中的文本分别应用了不同颜色的样式。
根据CSS优先函数，id选择器的优先级为100，高于class选择器的优先级为10。但是，由于元素`
`同时应用了id选择器和class选择器，在这种情况下，id选择器的优先级高于class选择器的优先级。因此，div字体颜色被设置为红色。
同时，元素``也应用了类选择器。在这种情况下，由于类选择器的优先级为10，而标签名的优先级为1，因此元素``中的文本字体颜色被设置为蓝色。
总之，在设计样式时，需要清楚CSS优先函数的使用方式和各种选择器的优先级。这样才能确保所设计的样式在不同情况下具有正确的优先级，避免意外的覆盖。