Question

我试图使用PHP，CSS和HTML制作一个相当简单的网站，但我遇到了一些问题。

我有一个链接到我的CSS文件的PHP页面这似乎有效。

但是，当我尝试使用类来为特定元素提供布局时，它似乎失败了，我不知道为什么。未应用的类是.overzicht个。

以下代码中是否有人可以看到任何问题？

＆＃13;

.overzicht ul li {
list-style: none;
}

.overzicht {
margin-top: 2em;
margin-left: auto;
margin-right: auto;
}

nav ul li {
list-style: none;
display: inline;
padding: 1em;
font-size: 20px;
border-left: 1px solid gray;
}

nav ul li a {
text-decoration: none;
color: black;
}

nav ul li a:hover {
text-decoration: none;
color: black;
}

nav ul li:hover {
border-color: #c0c0c0;
}

nav ul {
padding-left: 0;
}

main {
margin: 2em;
}

main form label:nth-of-type(2) {
padding-top: 20px;
}

＆＃13;

<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8" />
<title>InstantGraphics</title>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" />
</head>
<body>
<header>
	<nav>
		<ul>
			<li><a href="index.html">Home</a></li>
			<li><a href="info.html">Info</a></li>
			<li><a href="portfolio.html">Portfolio</a></li>
			<li><a href="contact.html">Contact</a></li>
			<li><a href="klant.html">Klant</a></li>
		</ul>
	</nav>
</header>

<main class="overzicht">
	<ul>
		<li>Test</li>
		<li>Test</li>
	</ul>
</main>

<footer></footer>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.bundle.min.js"></script>
</body>
</html>

＆＃13;

不使用php页面的css类使用简单的php

0 个答案: