CSS HTML Class Not Working [closed] - html

Question

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 5 years ago.
Improve this question
for class I was given an HTML file and CSS file to edit. The code contains 2 tables and I am supposed style the one shown below. To do this I made a class called "mytable"
<table class=“mytable”>
<caption>My important data</caption>
<tr><th>Column 1</th><th>Column 2</th></tr>
<tr><td>1,1</td><td>1,2 okay</td></tr>
<tr><td>2,1 real wide</td><td>2,2</td></tr>
<tr><td>test</td><td>works?</td></tr>
<tr><td>another test</td><td>still work?</td></tr>
</table>
This is how I declared the class in my css file. It does not work. What am I doing wrong?
.mytable tr { font-style: italic;}
.mytable td { background-color: green; text-align: center; width: 30% }

Answer 1

Working pen solution of your problem here
change your quotes to " " or ' ' as quotes you are using are not valid in html.
Will suggest to change your editor I thing you are using word. Use notepad or Visual Studio Code
<table class="mytable">
<caption>My important data</caption>
<tr><th>Column 1</th><th>Column 2</th></tr>
<tr><td>1,1</td><td>1,2 okay</td></tr>
<tr><td>2,1 real wide</td><td>2,2</td></tr>
<tr><td>test</td><td>works?</td></tr>
<tr><td>another test</td><td>still work?</td></tr>
</table>
.mytable tr { font-style: italic;}
.mytable td { background-color: green; text-align: center; width: 30% }