CSSの文

下記のCSSの文の場合で「.　.」ときた場合後ろの「.」にはどういう意味があるのか、 「.　:」ときた場合後ろの「:」にはどういう意味があるのかわかりません どなたか教えてくれる人いませんか？ #main .menuArea .contentWrap { } #main .tabList:after { }