css中選擇器有:1、簡單選擇器;2、屬性選擇器;3、組合選擇器;4、偽類選擇器;5、偽元素選擇器;6、多重選擇器。
選擇器 | 含義 |
---|---|
* | 通用元素選擇器,匹配任何元素 |
E | 標簽選擇器,匹配所有使用E標簽的元素 |
.info | class選擇器,匹配所有class屬性中包含info的元素 |
#footer | id選擇器,匹配所有id屬性等于footer的元素 |
選擇器 | 含義 |
---|---|
[atrr] | 選擇包含 attr 屬性的所有元素,不論 attr 的值為何 |
[attr=val] | [attr=val] 僅選擇 attr 屬性被賦值為 val 的所有元素 |
選擇器 | 含義 |
---|---|
A, B | 選中匹配 A 或/和 B 的元素 |
A B | 選中匹配 B 且為匹配 A 的元素的后代元素(A B之間空格分開) |
A > B | 選中匹配 B 且為匹配 A 的元素的直接子元素 |
A + B | 選中匹配 B 且為匹配 A 的元素的下一相鄰元素 |
A ~ B | 選中匹配 B 且為匹配 A 的元素的下 N 個相鄰元素 |
選擇器 | 含義 |
---|---|
a:link | 匹配所有未被點擊的鏈接 |
a:visited | 匹配所有已被點擊的鏈接 |
a:hover | 匹配鼠標懸停其上的a元素 |
a:active | 匹配鼠標已經其上按下、還沒有釋放的a元素 |
li:first-child | 匹配父元素的第一個子元素li |
li:last-child | 匹配父元素的最后一個子元素li |
li:nth-child(n) | 匹配父元素的第n個子元素li(odd奇數,even偶數) |
選擇器 | 含義 |
---|---|
E::before | 在E元素內創建一個子元素,插入生成的內容作為偽元素,放在最前面 |
E::after | 在E元素內創建一個子元素,插入生成的內容作為偽元素,放在最后面 |
E::selection | 應用于文檔中被用戶高亮的部分(比如使用鼠標選中的部分) |
E::first-letter | 匹配E元素的第一個字母第一行的第一個字母 |
E::first-line | 匹配E元素的第一行 |
在HTML中,我們有時會對同一個標簽賦予多個class名稱,如:
<pclass="onetwo"></p>而在CSS里面則可能同時選擇多個class,像是:
.one.two{}/*兩個class中有空格*/.one.two{}/*兩個class中沒有空格*/.one,.two{}/*兩個class中出現逗號*/這三者
one.two{ }
,.one .two{ }
,或者是.one, .two{ }
有何區別?
第一個的 one 和 two 中間包含空格,意思是指,我必須要是在 one 裡面的 two,才會被選擇到。
第二個的 one 和 two 中間沒有包含空格,表示某個區塊必須同時具有 one 和 two 的 class 時,才能被 CSS 所選擇到到。
第三個的 one 和 two 中間包含逗號,意思是指 class 中有 one 或 two,都會被編輯器所選擇到。
簡單來說,沒空格表示必須同時包含才會被選取;有空格表示后面的 class 被鑲嵌在前面的 class 中才會被選取;逗號則表示只要有其中一個 class 就會被選取到 。
本文由 貴州做網站公司 整理發布,部分圖文來源于互聯網,如有侵權,請聯系我們刪除,謝謝!
c語言中正確的字符常量是用一對單引號將一個字符括起表示合法的字符常量。例如‘a’。數值包括整型、浮點型。整型可用十進制,八進制,十六進制。八進制前面要加0,后面...
2022年天津專場考試原定于3月19日舉行,受疫情影響確定延期,但目前延期后的考試時間推遲。 符合報名條件的考生,須在規定時間登錄招考資訊網(www.zha...
:喜歡聽,樂意看。指很受歡迎?!巴卣官Y料”喜聞樂見:[ xǐ wén lè jiàn ]詳細解釋1. 【解釋】:喜歡聽,樂意看。指很受歡迎。2. 【示例】:這是...
什么是股市的靜默期?1、股市的靜默期是指公司上市前的靜默期,是從公司跟承銷商達成協議開始,一直到招股說明書做完后,再加25天。2、企業第一次向公眾發行股票被稱為IP0 ( Initial Public Offering) 。IP0的過程對每一個公司來說都應謹小慎微,甚至如履薄冰,每一個細節都可能會給公司的IPO進程造成致命影響。3、例如Google創始人在.上市緘默期曾接受了《花花公子》的采訪,就...
支付寶紅包碼在哪里找?【1】打開并進入支付寶首頁,然后我們在活動欄目看到有生活優惠節,搖一搖領紅包的活動,我們可以直接點擊進入,或是在搜索欄搜索“賺錢紅包”,進入支付寶發紅包賺現金獎勵的界面?!?】從首頁活動欄進入的,我們需要點擊這個“賺現金獎勵”的鏈接,然后才會進入活動。此外,在這一界面,我們還可以通過搖動手機或是點擊上方的“一起搖一搖...
另類投資市場是什么意思?英文 Alternative Investment Market的縮寫,指英國為那些不夠資格在倫敦股票交易所正式上市的公司所設的市場,這些公司通常是規模較小或高風險的企業。另類投資的投資范圍有哪些?另類投資包括房地產、證券化資產、對沖基金、私人股本基金、大宗商品、藝術品。另類投資是指投資于傳統的股票、債券和現金之外的金融和實物資產,其中證券化資產就包括了次級房貸為基礎的債券...