麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發 > CSS > 正文

四種css 偽類選擇器

2024-07-11 08:26:01
字體：大 中 小
來源：轉載
供稿：網友

X:after

 Example Source Code ：
.clearfix:after {
content: “”;
display: block;
clear: both;
visibility: hidden;
font-size: 0;
height: 0;
}
.clearfix {
*display: inline-block;
_height: 1%;
}

我想上面這段代碼，很多朋友都非常熟悉，是清理浮動時常用的hack方法。:after偽類與content結合使用，用于往元素類追加內容。:after偽類還有個妙用：用于產生陰影，點擊這里查看。
X:hover

 Example Source Code：
div:hover {
background: #e3e3e3;
}

hover在52CSS.com前面的文章中已經介紹過，IE6下只支持a的hover。
　　即使用border-bottom: 1px solid black; 要好于text-decoration: underline;
　　從實際的效果來看，使用border-bottom的距離比text-decoration來的合理，但使用border-bottom存在一些風險，比如顏色問題。

X:not(selector)

Example Source Code：
 div:not(#container) {
color: blue;
}

否定偽類選擇器，這還是比較好理解的，上述將會把非id為container的div的字體顏色設置為藍色。
　　:not偽類IE8并不支持，IE9已經支持了。

X::pseudoElement
 Example Source Code ： 
p::first-line {
font-weight: bold;
font-size: 1.2em;
}

偽類，用于給元素的片段添加樣式，這如何理解呢？比如你要讓一個段落的第一行的文字加粗，那么這個選擇器是不二之選。
　　除此之外，你還可以給第一個字加上特殊樣式，這個應用還是非常常見的

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 91国内精品久久久久免费影院 | 国产一级一区二区三区 | 黄色免费小网站 | 有兽焉免费动画 | 色诱亚洲精品久久久久久 | 国产精品一区在线看 | 欧美日比视频 | 欧美a∨一区二区三区久久黄 | 国产精品久久久久国产精品三级 | 看全色黄大色黄大片女图片 | 欧美性猛交一区二区三区精品 | 黄色av一区二区三区 | 国产亚洲精品久久久久久久久久 | 男女无遮挡羞羞视频 | 久色精品视频 | 亚洲午夜天堂吃瓜在线 | 一区二区三区在线观看av | 亚洲导航深夜福利涩涩屋 | 成人18免费观看 | 日韩一级免费毛片 | 黄网站免费在线看 | 娇妻被各种姿势c到高潮小说 | 九九热精品在线播放 | 免费视频a | 欧美一级美国一级 | 久久国产精品久久久久 | 中国成人在线视频 | 久久久久亚洲美女啪啪 | 久久精品亚洲一区二区三区观看模式 | 日本不卡二区 | 99国产精品白浆在线观看免费 | 男人天堂新地址 | 久久久久久久久久久一区 | 久久亚洲美女视频 | qyl在线视频精品免费观看 | 国产做爰 | 激情黄页| 香蕉国产精品 | 午夜影院在线免费观看 | 久久影院在线观看 | 成人在线视频播放 |