css选择器相关权重问题?

<head>
<meta charset="utf-8">
<title>无标题文档</title>
    <style type="text/css">
    #father #ss{
    color:red;
    }
    #father p{
    color: blue;
        }
        
        </style>
</head>

<body>
    <div id="father">
        <div id="ss">
        <p class="son">wenzi</p>
    </div></div>
</body>

为什么电脑编译出来还是蓝色?
两个id选择器的权重不比一个id+标签的权重大吗?

#father #ss 是设置<div id="ss">的样式。
#father p 是设置<p>的样式。
两者设置的不是同一个元素,不存在优先级权重问题。
wenzi文字是在<p>元素中,自然是<p>的样式。