/*--------------------
本文為個人學習筆記馋评，
基于書本以及自身掌握算灸，
對相關內容未做深入展開
--------------------*/
偽類&偽元素
- 首字樣式控制 —— 使用偽元素
::first-letter
<p>首字放大的效果</p>
p::first-letter{
font-size: 40px;
}
首字放大
<p>uppercase</p>
p::first-letter{
text-transform:uppercase
}
首字母大寫
- 首行樣式控制 —— 使用偽元素
::first-line
<p>我想第一行文字有加粗效果，不管屏幕寬度多少，始終能做到這個效果。</p>
p{
width:200px;
}
p::first-line{
font-weight: bold;
}
首行控制
- 偽元素
::before與::after用于為DOM中的元素添加內容；需要配合特有的content屬性；注意傻丝，添加的內容并不真正存在于DOM中；另外诉儒，基于表現(xiàn)與內容分離的原則桑滩，我們使用這兩個偽元素的目的是進行樣式控制，而不是真正的內容輸出允睹，后者是HTML的事。 - 偽類是對CSS選擇器的補充幌氮、擴展以及篩選缭受；錨偽類即超鏈接偽類是最常見的，比如
:hover该互、:link米者、:active、:visited等宇智，此時的偽類用于對同一元素的不同狀態(tài)進行控制蔓搞，表單元素獲得焦點時通過:focus偽類進行控制也相似；CSS3的:nth-child()等偽類則更多擴展了CSS選擇器的“選擇”功能随橘。
樣式優(yōu)先權
- 行內（
style="..."） > 內部（<style>...</style>） > 外部（<link href="..."/>） - id選擇器（
#idName{}） > 類選擇器（.className{}） > 元素標簽選擇器（p{}） - 兩行相同屬性的定義喂分，后者會覆蓋前者
-
!important優(yōu)先于以上所有
