|
導讀網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立... 網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。 本篇文章主要給大家介紹css3新增偽類有哪些？首先大家應該都知道css是什么吧？ CSS是Cascading Style Sheet的縮寫。譯作”層疊樣式表單“。是用于（增強）控制網頁樣式并允許將樣式信息與網頁內容分離的一種標記性語言。簡單的說CSS就是用于控制網頁的樣式和布局。 而css3是最新的 CSS 標準。 那么這個最新的標準，相較于css2的標準有哪些新增的屬性或者偽類呢？ 下面我們就為大家詳細總結介紹，css新增的一些偽類。 1、p:first-of-type :first-of-type 選擇器匹配屬于其父元素的特定類型的首個子元素的每個元素。 使用示例： <!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>:first-of-type使用示例</title>
<head>
<style>
p:first-of-type
{
background:green;
}
</style>
</head>
<body>
<h1>:first-of-type使用示例</h1>
<p>這是第一個p元素。<br>:first-of-type，指定父元素的首個 p 元素的背景色。</p>
<p>這是第二個p元素</p>
<p>這是第三個p元素</p>
<p>這是第四個p元素</p>
</body>
</html>效果如下圖：
2、p:last-of-type :last-of-type 選擇器匹配屬于其父元素的特定類型的最后一個子元素的每個元素。 用法示例： <!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>:last-of-type使用示例</title>
<head>
<style>
p:last-of-type
{
background: #ff3844;
}
</style>
</head>
<body>
<h1>p:last-of-type使用示例</h1>
<p>這是第一個p元素。</p>
<p>這是第二個p元素</p>
<p>這是第三個p元素</p>
<p>這是第四個p元素<br>:last-of-type，指定父元素的最后一個 p 元素的背景色。</p>
</body>
</html>效果如下圖：
3、p:only-of-type :only-of-type 選擇器匹配屬于其父元素的特定類型的唯一子元素的每個元素。 使用方法與上述例子類似。 4、p:only-child :only-child 選擇器匹配屬于其父元素的唯一子元素的每個元素。 5、p:nth-child(2) :nth-child(n) 選擇器匹配屬于其父元素的第 N 個子元素，不論元素的類型。 n 可以是數字、關鍵詞或公式。 6、:enabled :disabled 表單控件的禁用狀態。 7、:checked :checked 選擇器匹配每個選中的輸入元素（僅適用于單選按鈕或復選框）。 本篇文章就是關于css3新增偽類的介紹，希望對需要的朋友有所幫助！ 想要了解更多前端相關知識，可以關注PHP中文網CSS3視頻教程、Bootstrap視頻教程等等相關視頻教程，歡迎大家參考學習！ 以上就是CSS3新增偽類有哪些?（總結附代碼）的詳細內容，更多請關注php中文網其它相關文章！ 網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示：喜歡本站的話，請收藏一下本站！
本站發布的Win7純凈版系統、Win10純凈版和XP純凈版系統僅為個人學習測試使用，請在下載后24小時內刪除，不得用于任何商業用途，否則后果自負，請支持購買微軟正版軟件！
本站所有資源全部來自于網絡資源,如侵犯到您的權益,請及時通知我們(peng896066052@126.com),我們會及時處理.
Copyright © 2018-2020 雨林木風下載站
