it’s a selector for children (not just any descendent).
The selector body > .navid would select the .navid div using the following:
<body>
    <div class="navid"></div>
</body>
But it would not select the .navid div below because it’s a grandchild
<body>
    <div>
        <div class="navid"></div>
    </div>
</body>
solved What does “>” do in CSS [duplicate]