CSS 選擇器權重計算規(guī)則


一挂谍、選擇器類型


1叔壤、ID  #id

2、class  .class

3口叙、標簽  p

4炼绘、通用  *

5、屬性  [type="text"]

6妄田、偽類 “沉痢:hover

7、偽元素  ::first-line

8疟呐、子選擇器脚曾、相鄰選擇器


二、權重計算規(guī)則


權重值

第一等:代表內(nèi)聯(lián)樣式启具,如: style=””本讥,權值為1000。
第二等:代表ID選擇器鲁冯,如:#content拷沸,權值為100胳螟。
第三等:代表類箭阶,偽類和屬性選擇器憾筏,如.content霉颠,權值為10倦蚪。
第四等:代表類型選擇器和偽元素選擇器寒波,如div p二鳄,權值為1奥溺。

注:通配符好港、子選擇器愉镰、相鄰選擇器等的。如*钧汹、>丈探、+,權值為0。
繼承的樣式?jīng)]有權值拔莱。

例如

參考:http://www.nowamagic.net/librarys/veda/detail/1606

  • 注:自由轉載-非商用-非衍生-保持署名
最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末碗降,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子塘秦,更是在濱河造成了極大的恐慌讼渊,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,561評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件尊剔,死亡現(xiàn)場離奇詭異爪幻,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,218評論 3 385
  • 文/潘曉璐 我一進店門挨稿,熙熙樓的掌柜王于貴愁眉苦臉地迎上來仇轻,“玉大人,你說我怎么就攤上這事奶甘∨竦辏” “怎么了?”我有些...
    開封第一講書人閱讀 157,162評論 0 348
  • 文/不壞的土叔 我叫張陵臭家,是天一觀的道長疲陕。 經(jīng)常有香客問我,道長钉赁,這世上最難降的妖魔是什么蹄殃? 我笑而不...
    開封第一講書人閱讀 56,470評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮橄霉,結果婚禮上窃爷,老公的妹妹穿的比我還像新娘邑蒋。我一直安慰自己姓蜂,他們只是感情好,可當我...
    茶點故事閱讀 65,550評論 6 385
  • 文/花漫 我一把揭開白布医吊。 她就那樣靜靜地躺著钱慢,像睡著了一般。 火紅的嫁衣襯著肌膚如雪卿堂。 梳的紋絲不亂的頭發(fā)上束莫,一...
    開封第一講書人閱讀 49,806評論 1 290
  • 那天,我揣著相機與錄音草描,去河邊找鬼览绿。 笑死,一個胖子當著我的面吹牛穗慕,可吹牛的內(nèi)容都是我干的饿敲。 我是一名探鬼主播,決...
    沈念sama閱讀 38,951評論 3 407
  • 文/蒼蘭香墨 我猛地睜開眼逛绵,長吁一口氣:“原來是場噩夢啊……” “哼怀各!你這毒婦竟也來了?” 一聲冷哼從身側響起术浪,我...
    開封第一講書人閱讀 37,712評論 0 266
  • 序言:老撾萬榮一對情侶失蹤瓢对,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后胰苏,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體硕蛹,經(jīng)...
    沈念sama閱讀 44,166評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,510評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了法焰。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片僵腺。...
    茶點故事閱讀 38,643評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖壶栋,靈堂內(nèi)的尸體忽然破棺而出辰如,到底是詐尸還是另有隱情,我是刑警寧澤贵试,帶...
    沈念sama閱讀 34,306評論 4 330
  • 正文 年R本政府宣布琉兜,位于F島的核電站,受9級特大地震影響毙玻,放射性物質(zhì)發(fā)生泄漏豌蟋。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,930評論 3 313
  • 文/蒙蒙 一桑滩、第九天 我趴在偏房一處隱蔽的房頂上張望梧疲。 院中可真熱鬧,春花似錦运准、人聲如沸幌氮。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,745評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽该互。三九已至,卻和暖如春韭畸,著一層夾襖步出監(jiān)牢的瞬間宇智,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,983評論 1 266
  • 我被黑心中介騙來泰國打工胰丁, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留随橘,地道東北人。 一個月前我還...
    沈念sama閱讀 46,351評論 2 360
  • 正文 我出身青樓锦庸,卻偏偏與公主長得像机蔗,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子酸员,可洞房花燭夜當晚...
    茶點故事閱讀 43,509評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 權重計算規(guī)則 1.第一等:代表內(nèi)聯(lián)樣式蜒车,如: style=””,權值為1000幔嗦。 2.第二等:代表ID選擇器酿愧,如:...
    西瓜炒苦瓜閱讀 821評論 0 0
  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn)邀泉,斷路器嬉挡,智...
    卡卡羅2017閱讀 134,633評論 18 139
  • 其實平時用得多的選擇器無非也就是那么幾個钝鸽,時間久了,許多不常用的選擇器就慢慢忘記了庞钢。為了不讓自己忘記這些選擇器拔恰,今...
    盛夏晚清風閱讀 1,820評論 0 5
  • 一、樣式類型 1基括、行間 我的行間CSS樣式颜懊。 2、內(nèi)聯(lián) h1{font-size:12px; color:#000...
    寧驥閱讀 321評論 0 0
  • 1. class 和 id 的使用場景: id:id選擇器风皿,使用#name定義(name為id名河爹,可任意取名),使...
    石林濤閱讀 368評論 0 1