درود بر شما سوال خیلی خوبی پرسیدید

مثال زیر رو ببینید:

< div class='wrapper'>
  
class='content'>div>
  
div>
  
class='footer'>div>
< / div>
div.wrapper {
  background-color: white; /* the div with wrapper class will be white */
}
.wrapper div {
  background-color: red;   /* all 3 child divs of wrapper will be red */
}

پس element.class فقط اون المانی که دارای اون کلاس هست رو سلکت میکنه و .class element میگه در اون کلاس هروقت تگ المان رو دیدی انتخابش کن.

سلکتورها قوانین زیادی دارند بد نیست قوانین w3schools رو بررسی کنید.

در صورتی که پاسخ بنده براتون مفید بود ممنون میشم تیک تایید رو بزنید تا به بقیه هم کمک کنه.