一.標簽選擇器
Documenth1 {
color: red;
}
h2{
color: green;
}
Hello World!
Hello World!
Hello !
Hello !
二.類選擇器
Document.box {
color: green;
}
.box1 {
font-size: 26px;
}
Hello World!
三.ID選擇器
Document#box{
color: green;
}
四.通配符選擇器
Document*{
margin: 0;
padding: 0;
color: red;
}
五.后代選擇器
Documentul li {
color: red;
}
ul li a {
color: green;
}
.nav li {
color: yellow;
}
- ul li
- ul li
- ul li
- ul li
- ul li a
- ol li
- ol li
- ol li
- ol li
- ol li
六.子元素選擇器
Document.nav>a {
color: red;
}
HTML&;CSS基礎-子元素的偽類選擇器
HTML&CSS基礎-子元素的偽類選擇器 作者:尹正杰 版權聲明:原創作品,謝絕轉載!否則將追究法律責任. 一.html的源代碼
前端學習 --Css -- 子元素的偽類
:first-child?尋找父元素的第一個子元素,在所有的子元素中排序: :last-child?尋找父元素的最后一個子元素,在所有的子元素中排序: :nth-child?尋找父元素中的指定位置子元 ...
css 選擇器 &; UI元素的偽類選擇器 &; 偽元素選擇器
UI元素的偽類選擇器 1. :focus ?用來選取獲取焦點事件 2. :enabled 用來指定當元素處于可用狀態時的樣式 3. :disable ?用來指定元素處于不可用時的狀態 ? ?表單里應用 ...
CSS偽元素與偽類的區別
偽類和偽元素介紹 偽類:偽類選擇元素基于的是當前元素處于的狀態,或者說元素當前所具有的特性,而不是元素的id.class.屬性等靜態的標志.由于狀態是動態變化的,所以一個元素達到一個特定狀態時,它可能 ...
css3 偽元素和偽類選擇器詳解
轉自腳本之家:http://www.jb51.net/css/213779.html 無論是偽類還是偽元素,都屬于CSS選擇器的范疇.所以它們的定義可以在CSS標準的選擇器章節找到.分別是 CSS2. ...
動態修改 dom 元素的偽類樣式
最近寫代碼,需要修改偽類的 content 屬性,不想定義兩個樣式進行切換,而是直接通過 js 進行修改. html 中的偽類(如 a:hover?/ a:link?/ class::before / ...
css系列教程--選擇器
css派生選擇器:是指在某個樣式表或者dom元素的行內定義行內元素的屬性,而其他同名樣式在其他dom節點無效的樣式表定義方式.例如:div ul li{border:1px solid red;}&l ...
CSS(二)- 選擇器 - 偽元素和偽類(思維導圖)
偽元素 偽元素可以創建一些文檔語言無法創建的虛擬元素.比如:文檔語言沒有一種機制可以描述元素內容的第一個字母或第一行,但偽元素可以做到(::first-letter.::first-line).同時, ...
CSS和CSS3中的偽元素和偽類(總結)
好多人偽類和偽元素分清楚,其實就是一句話,“偽類的效果可以通過添加一個實際的類來達到,而偽元素的效果則需要通過添加一個實際的元素才能達到”. CSS中偽類包括: :first-child :lang ...
隨機推薦
使用Spring的@Scheduled實現定時任務
Spring配置文件xmlns加入xmlns:task="http://www.springframework.org/schema/task"xsi:schemaLocation ...
.NET領域驅動設計—實踐(穿過迷霧走向光明)
閱讀目錄 開篇介紹 1.1示例介紹 (OnlineExamination在線考試系統介紹) 1.2分析.建模 (對真實業務進行分析.模型化) 1.2.1 用例分析 (提取系統的所有功能需求) 1.3系 ...
內功心法 -- java.util.ArrayList<;E>; (2)
寫在前面的話:讀書破萬卷,編碼如有神--------------------------------------------------------------------下文主要對java.util ...
搭建后臺頁面布局利用屬性target 屬性
HTML 5
target 屬性 HTML 5 標簽 實例 提交一個在新窗口中打開的表單:HTML5 快速學習一
關注HTML5有一段時間了,一直沒系統的去學習過. 對于HTML5的理解,之前停留在一些新的標簽,一些api可以完成部分js完成的事情,僅此而已. 前段時間HTML5定稿了,看了一些這方面的報道,進行 ...
Android開發-- 使用ADT23 的一些問題
在使用最新版ADT 23進行android學習時發現一些問題: 1.通過設置intent的action來啟動另外一個activity時,會出現No Activity found to handle I ...
002_Linux-Memory專題
一.單獨查看某個進程的內存占用 pmap 736 | tail -n 1 二. 以前我對這塊認識很模糊,而且還有錯誤的認識:今天由我同事提醒,所以我決定來好好的縷縷這塊的關系. 圖: -------- ...
ABP官方文檔翻譯 0.0 ABP官方文檔翻譯目錄
一直想學習ABP,但囿于工作比較忙,沒有合適的契機,當然最重要的還是自己懶.不知不覺從畢業到參加工作七年了,沒留下點兒什么,總感覺很遺憾,所以今天終于卯足勁鼓起勇氣開始寫博客.有些事能做的很好,但要跟 ...
)
)
