快速補充要增強資料：CSS：選擇器：父子

CSS：選擇器：父子

快速補充要增強資料：純 css 方法

網路閱讀中，最怕的是一堆字擠 在一 起。因為螢幕是不好的閱讀媒介，這也是為什麼影音在網 路上盛行的原因：在螢幕上看影音並不吃力。所以我們就要想法子，看看有沒有辦法讓文字是更 快速可以被理解。這是我的方法之一，用互動，讓重點的字快速現形 出來，讓讀者來判斷：要不要再讀下去？

◣哇！都是一堆字。

CSS語法：

<style>
.word111301 {
font-family: '微軟正黑體';
font-size: 16px;
font-weight: normal;
line-height: 1.6 ;
letter-spacing: 0.1em;
}

div.word111301:hover >span {
color: red;
}

.relaposi {
position: relative;
}

.absoposi {
position: absolute;
top: -20px;
left: 100px;
}

.dispnone {
display: none;
}

div.word111301:hover >img {
display: block;
}
</style>

影音教學：

css 方法：選擇器：父子（01）	css 方法：選擇器：父子（02）