Я создал файл печати css для обработки изменений на моем экране, когда я печатаю свою веб-страницу. Теперь я закодировал свой файл Print Css, чтобы заголовок и навигация не отображались, замените все шрифты на Courier New, однако по какой-то причине мои изменения отображаются. Что я делаю не так в своем коде?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link href="cpt330_styles.css" rel="stylesheet" type="text/css">
<link href="print.css" type="text/css" rel="stylesheet" media="print">
</head>
<body>
<header>
<img src="newark.jpg" alt="picture of Newark">
</header>
<nav>
<ul><a href="homework.html">Home</a></ul>
<ul><a href="websites.html">Favorite Websites</a></ul>
<ul><a href="meals.html">Favorite Meals</a></ul>
</nav>
<footer>
</footer>
</body>
</html>
Print.CSS File
header, nav
{
display: none;
}
html
{
font-family: Courier New;
}
ul
{
list-style-type: none;
}