liguofeng29’s blog

個人勉強用ブログだっす。

CSS3.0のセレクタ - 否定擬似クラス

E:not(s) : 単体セレクタ s にマッチしない E 要素

<!DOCTYPE html>
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=SJIS" />
   <title> :child </title>
   <style type="text/css">
        li:not(#ajax) {
            color: #999;
            font-weight: bold;
        }
    </style>
</head>
<body>
<ul>
    <li id="java">Java</li>
    <li id="javaee">Java EE</li>
    <li id="ajax">Ajax</li>
    <li id="xml">XML</li>
    <li id="android">Android</li>
</ul>
</body>
</html>

f:id:liguofeng29:20160127222902p:plain