Question

我正在尝试

<!DOCTYPE html>
<html>

<head>
    <title>TEST</title>
    <style>
     :not(:target) {
        filter: blur(5px);
    }
    </style>
</head>

<body>
    <a href="#test">test</a>
</body>

</html>

但即使我的目标（点击）我的测试它仍然模糊。

Answer 1

试试这个：

body :not(:target) {
  filter: blur(5px);
}

＆＃13;

body :not(:target) {
  filter: blur(5px);
}

＆＃13;

<a href="#test">test</a>
<p id="test">This is Target</p>
<p>This is'nt Target</p>

＆＃13;

如何使用css模糊除了目标div之外的整个身体？

1 个答案: