Блог

Главная - Вопросы по программированию - CSS (селектор) не работает на сервере WAMP (W10)

CSS (селектор) не работает на сервере WAMP (W10)

#html #css #localhost #wamp

#HTML #css — код #локальный хост #вампир

Вопрос:

Я был много времени занят изучением HTML, и я решил создать сервер wamp. Все было в порядке, и я начал кодировать HTML. Но когда я начал кодировать te CSS, селектор не будет отображаться на веб-странице в моем локальном домене (rolfweb.net: 8080). Но в localhost он показывает все CSS правильно! Код:

 <DOCTYPE html>
<html>
<head>
    <title> RolfWeb </title>

</head>
<body>
<link type="text/css" rel="stylesheet" href="/css/indexss.css"/>
    <nav>
        <ul>
            <li> Home </li>
            <li> Video's </li>
            <li> Games </li>
            <li> Contact en informatie </li>
            <li> Over mij </li>
        </ul>
    </nav>
    <p> Test </p>
    <footer>
    </footer>
</body>
</html>

И CSS:

 p {
    color: blue;
}
/* This is not working! */
nav ul {
    list-style-type: none;
    background-color: #3f875f;
    border: 3px solid #3a756c;
    text-align: center;
}

Так что на localhost он показывает хорошо, а на rolfweb.net: 8080 — нет.

PS: Извините за мой плохой английский, я голландец: P

Комментарии:

1. Можете ли вы подтвердить, существует ли какая-либо структура папок? ie localhost = www/ amp; rolfweb.net = www/rolfweb/

2. @Nick_O localhost = www/ и RolfWeb = www/ Вот куда я помещаю все html-файлы. Я выяснил , что стандартный браузер (IE.exe ) иметь доступ к rolfweb.net:8080 и localhost: 8080. Но другие мои браузеры имеют доступ только к localhost: 8080.

3. Как это может быть? Настроили локальный домен через ваш хост-файл, apache и т.д.? Если это так, то все браузеры должны работать.

4. Подожди секунду, я проверю свои файлы.

Ответ №1:

Переместите ссылку css в теги head:-

 <DOCTYPE html>
<html>
<head>
<title> RolfWeb </title>
<link type="text/css" rel="stylesheet" href="/css/indexss.css"/>
</head>
<body>
  <nav>
    <ul>
        <li> Home </li>
        <li> Video's </li>
        <li> Games </li>
        <li> Contact en informatie </li>
        <li> Over mij </li>
    </ul>
</nav>
<p> Test </p>
<footer>
</footer>

Комментарии:

1. Не сработало. У меня это было в тегах head, но я подумал, что это неправильно, поэтому я поместил это в теги body, но ничего не произошло.);

2. Проверьте консоль разработчика на наличие ошибок. Щелкните правой кнопкой мыши на странице и выберите проверить элемент.

3. Я ничего не могу найти

Метки: