擬似クラススタイル:hoverの優先度
3024 ワード
css優先度の再学習
擬似クラススタイルの優先度はクラスの優先度と同じ3です(0はimportant 1は行内2はid 4は要素と擬似要素です)
下記DEMO
a:hoverの優先度と.Hehe aの優先度は同じです
(a.xixixiの優先度は前の2つの優先度と同じ)
いずれも0.0.1.1で、上記の3つのスタイルが現れた場合、位置順に基づいて優先関係を決定します.
擬似クラススタイルの優先度はクラスの優先度と同じ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>