擬似クラススタイル:hoverの優先度

3024 ワード

css優先度の再学習
擬似クラススタイルの優先度はクラスの優先度と同じ3です(0はimportant 1は行内2はid 4は要素と擬似要素です)
下記DEMO
a:hoverの優先度と.Hehe aの優先度は同じです
(a.xixixiの優先度は前の2つの優先度と同じ)
いずれも0.0.1.1で、上記の3つのスタイルが現れた場合、位置順に基づいて優先関係を決定します.
/span>html>
<html>
<head>
    <meta charset="UTF-8">
    <title>title>
    <style>
        .hehe a {
            text-decoration: none;;
        }
        a:hover {
            text-decoration: underline;
        }
        a.xixi
        {
          text-decoration: none;
        }
    style>
head>
<body >
<div class="hehe">
    <a class="xixi" href="#">aaa>
div>
body>
html>