console.log returns null - Javascript [closed]

I'm new to JavaScript and not very handy ..

When creating a simple console.log, it returns me first NULL, and then the value of the element ..

I wonder what this NULL means? How to remove it? Is this normal?

Here is the code for review:

var $cardColors = document.querySelector('.card-colors');
console.log($cardColors);

In the console it appears:

null
<li class="card-colors card-colors_colorFirst">

Thank you in advance for the help!

Note: I am a beginner hehe: D