Adding .page-id-N is causing css to fail

[ad_1]

Using Gutenberg, I put a drop cap on a paragraph (at the link I shared) and was able to style it with this:

p.has-drop-cap:not(:focus):first-letter{
font-size: 80px;
text-shadow: 2px 2px 5px grey;
padding: 20px;
border-radius: 6px;
border: 1px solid #CCC;
background-color: #eedddd;
color: black;
} 

But what I’d like to do is change some of the drop cap styling for different posts. So I tried dropping “.page-id-64” in front of the code above, but this stops the css from having any effect. Can someone tell me what I may be missing?

The page I need help with: [log in to see the link]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer