摘要:選擇器屬性選擇器過濾器在已有選擇器的基礎上進行篩選偽類選擇器過濾器表示結(jié)構(gòu)的表示狀態(tài)的偽元素選擇器添加元素將一個偽元素添加到選擇到的元素里面的最后面規(guī)則取值關鍵字位置取消顏色十六進制簡寫為函數(shù)關鍵字漸變色長度絕對單位相對單位當前元素
選擇器
屬性選擇器【過濾器】
在已有選擇器的基礎上進行篩選
selector[] input[type] input[type=text] input[type^=s] input[type$=t] input[type*=t]
偽類選擇器【過濾器】
表示結(jié)構(gòu)的
:first-child :last-child :nth-child() number/2n+1/even、odd
表示狀態(tài)的
:link :hover :active :visited :focus
偽元素選擇器【添加元素】
selector::after
將一個偽元素添加到selector選擇到的元素里面的最后面 ul.nav::after { content:"four"; display:block; ... }
規(guī)則取值:
關鍵字: 位置 left right center top bottom medium 取消 none ... 顏色: 十六進制 #ffffff #ededed,簡寫為#fff rgb函數(shù) rgb(0,0,0) 關鍵字 漸變色 linear-gradient 長度: 絕對單位 px 相對單位 em 當前元素上的字體大小 font-size:12px 1em = 12px 2em = 24px rem 當前html元素中設定的字體大小 html { font-size:10px; } ul { font-size:20px; } li { height:2rem; //20px } % 百分比 border-radius:50% 文本樣式 (可以被繼承) line-height text-align text-decoration 字體樣式 (可以被繼承) color font-family 族 "微軟雅黑" ,"Microsoft YaHei","宋體" 字體棧 font-family:"微軟雅黑","Microsoft YaHei",serif; font-size 大小 網(wǎng)頁默認字體為16px 12px 10px font-weight 粗細 bold thin bolder 100~900 font-style 是否打開斜體 line-height font: 速寫,簡寫 font: font-style font-weight font-size/line-height font-family font:normal bold 14px/1.5em "微軟雅黑","Microsoft YaHei" 網(wǎng)絡字體 奇葩字體,(字 -> icon) ---------------------------
1.標簽選擇器
2.id選擇器
3.類選擇器
4.普遍選擇器
5.父子選擇器
空格:后代選擇器,后面所有的后代 > :子集選擇器,后面的子代
6.兄弟選擇器
+ :選擇的是緊跟著選擇器的標簽 ~ :選擇的是選擇器后面所有同級標簽
7.組合選擇器
交集選擇器: 并級選擇器:逗號相連接
8.屬性選擇器
[type = text]
[type$=t] 有type屬性,并且值以t結(jié)尾
[type^=t] 有type屬性,并且值以t開頭
[type*=t] 有type屬性,并且值中含有t
[class~=two] class中包含類名two的
9.偽類選擇器
a.同級別的
p:first-child: p:last-child: p:only-child: 匹配屬于父元素中唯一子元素的 p 元素 p:nth-child(n): 同級別中第一個子元素 p:nth-child(odd): 同級別中所有的奇數(shù)標簽 p:nth-child(even): 同級別中所有的偶數(shù)標簽
b.同類型(防止同級別中類型不同而難以選擇)
p:first-of-type:同級別中同類型的第一個標簽 p:last-of-type:同級別中同類型的最后一個標簽 p:nth-of-type(n):同級別中同類型的第n個標簽
10.偽元素選擇器
div::before{ content:"aaa" } div::after{ content:"aaa" } p::first-letter{ 選中第一個字符 } div::first-line{ 選中一行 } input::selection{ 選中被選擇的 }
優(yōu)先級
1.!important
2.若選擇器權(quán)重相同,則就近
3.行內(nèi):1000
id選擇器: 100
類選擇器,屬性選擇器,偽類選擇器:10
標簽選擇器,偽元素選擇器:1
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/116164.html
摘要:指南一作者簡介是推出的一個天挑戰(zhàn)。目的是幫助人們用純來寫東西,不借助框架和庫,也不使用編譯器和引用?,F(xiàn)在你看到的是這系列指南的第篇。完整指南在從零到壹全棧部落。篩出運行結(jié)果是的組成數(shù)組返回。 Day04 - Array Cardio 指南一 作者:?liyuechun 簡介:JavaScript30 是 Wes Bos 推出的一個 30 天挑戰(zhàn)。項目免費提供了 30 個視頻教程、30...
摘要:默認可選回調(diào)函數(shù),綁定業(yè)務數(shù)據(jù)。例如某天有日程,則會在對應日期上標識出一個小紅點或者其他標識,默認傳入數(shù)據(jù)格式必選回調(diào)函數(shù),當你點擊或輕觸某日期后執(zhí)行。 文檔維護者:孫尊路 喜歡的話,記得star 一下噢! 適用場景 該組件目前僅適用于移動端H5頁面展示,后期高級用法中會講述到如何基于日歷基類實現(xiàn)自定義模板傳入。(即:開發(fā)者只需要傳入自己的模板即可實現(xiàn)出自己的優(yōu)美的日歷出來。) 本篇...
摘要:導入庫導入數(shù)據(jù)集這一步的目的是將自變量和因變量拆成一個矩陣和一個向量。 數(shù)據(jù)預處理是機器學習中最基礎也最麻煩的一部分內(nèi)容在我們把精力撲倒各種算法的推導之前,最應該做的就是把數(shù)據(jù)預處理先搞定在之后的每個算法實現(xiàn)和案例練手過程中,這一步都必不可少同學們也不要嫌麻煩,動起手來吧基礎比較好的同學也可以溫故知新,再練習一下哈 閑言少敘,下面我們六步完成數(shù)據(jù)預處理其實我感覺這里少了一步:觀察數(shù)據(jù)...
摘要:加入我們,一起挑戰(zhàn)吧掃碼申請加入全棧部落 JavaScript 30 - 一起做一次了不起的挑戰(zhàn) (Node+Vue+微信公眾號開發(fā))企業(yè)級產(chǎn)品全棧開發(fā)速成周末班首期班(10.28號正式開班,歡迎搶座) 在Github上看到了wesbos的一個Javascript30天挑戰(zhàn)的repo,旨在使用純JS來進行練習,不允許使用任何其他的庫和框架,該挑戰(zhàn)共30天,我會在這里復現(xiàn)這30天遇到的挑...
閱讀 632·2021-08-17 10:15
閱讀 1715·2021-07-30 14:57
閱讀 1971·2019-08-30 15:55
閱讀 2813·2019-08-30 15:55
閱讀 2704·2019-08-30 15:44
閱讀 662·2019-08-30 14:13
閱讀 2380·2019-08-30 13:55
閱讀 2588·2019-08-26 13:56