What can I Do with CSS to modify “`”,and "```",<code>and <pre> don't works

I wants to change the appearance of the "`"and “```”, what can i do .
"<code>"and “<pre>” don’t works
image

my css code

code {
	font-family: Consolas, Monaco, Andale Mono, monospace;
	margin: 0 2px;
	background-color:#ffffff;
	color:#000000;
}

pre {
    line-height: 1.7em;
    overflow: auto;
    padding: 6px 10px;
    border-left: 5px solid #6CE26C;
	background-color:#000000;
	color:#ffffff;

If you go under the menus, Help -> Toggle Development Tools you’ll be able to open up a debug viewer that lets you see the Joplin html/css as well as that of the note you currently have open. You can use this to get all the classes that you need!