Изменить все стили CSS, когда я связываю загрузчик - PullRequest
Новая
       1

Изменить все стили CSS, когда я связываю загрузчик

0 голосов
/ 04 июня 2019 
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width"> <!--Supporting All devices width-->
    <meta name="description" content="Lowa State University Library">
    <meta name="keywords" content="For a Web Design Assignment">
    <meta name="author" content="Tharuka Dananjaya">
    <link rel="stylesheet" href="./css/style.css">
    <!--<link rel="stylesheet" type="text/css" href="./css/bootstrap.css">-->


</head>
    <body>
        <header>
            <div class="container">
                <div id="head_top">
                    <h1>LOWA STATE UNIVERSITY | <span class="highlight"> LIBRARY</span></a></h1>
            </div>
            <nav>
                <ul>
                    <li>
                        <li class="current"><a href="librarian_home.php">Home</a></li>
                    <div class="dropdown">
                        <button class="button_book">Books</button>
                        <div class="dropdown-content">
                          <a href="#">Link 1</a>
                          <a href="#">Link 2</a>
                          <a href="#">Link 3</a>
                          <a href="#">Link 4</a>
                          <a href="#">Link 5</a>
                        </div>
                    </div>
                        <!--<a href="loginindex.php">Login</a>
                        <a href="registerindex.php">Register</a>-->
                        <a href="student_info.php" class="ma">Student Info</a>


                </ul>
            </nav>
        </header>
        <section id="search_bar">
                <div class="container">
                    <form>
                        <input type="text" placeholder="Search">
                        <button type="search" class="button_1">search</button>

`У меня есть внешний CSS-файл и Bootstrap. Я уже связал свой стиль CSS на своей странице, и он отлично работает. поэтому я пытаюсь создать таблицу с помощью начальной загрузки. но после связывания файлов начальной загрузки на странице меняются все стили. ех. заголовочные шрифты, все. Итак, как мне связать оба стиля, и мне нужны оба стиля. После связывания файла начальной загрузки

Ответы [ 4 ]

2 голосов
/ 04 июня 2019

Пожалуйста, сначала добавьте стиль начальной загрузки, а затем свой style.css. Нравится 

<link rel="stylesheet" type="text/css" href="./css/bootstrap.css">
<link rel="stylesheet" href="./css/style.css">

в вашем файле index.html в разделе head.

Приоритет css работает снизу вверх.

1 голос
/ 04 июня 2019

Если вы импортируете свои пользовательские стили ПЕРЕД Bootstrap;как только вы импортируете загрузчик, он переопределит классы, которые вы, возможно, создали в своем файле CSS.

Попробуйте импортировать загрузчик до вашего собственного CSS и посмотрите, будет ли это иметь значение.

Без кодаэто все, что я могу вам помочь в данный момент.

Редактировать 

<link rel="stylesheet" href="./css/style.css">
<!--<link rel="stylesheet" type="text/css" href="./css/bootstrap.css">-->

Как я вижу, вы действительно импортировали загрузчик после своих собственных правил CSS.Таким образом Bootstrap переопределит ваши классы в ваших CSS-файлах.Чтобы обойти это изменение, порядок этих двух операторов так, чтобы ваш CSS имел преимущество над тем, что заявляет Bootstrap. 

<link rel="stylesheet" type="text/css" href="./css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="./css/style.css">

Кроме того, если вы не предоставляете какие-либо атрибуты font-family в своем CSS, он будет использоватьBootstrap по умолчанию.Не забудьте переопределить все необходимые классы и элементы AND (body, p, div ...) .

Дополнительную информацию о том, как применить их в вашем экземпляре Bootstrap, можно найти здесь, в официальных документах Bootstrap .

Дополнительный совет при отладке: проверьте, что в среде разработчика вы не получаете никаких 404 сетевых запросов относительно ссылок на ваши собственные таблицы стилей с тех поркажется, что ваши стили не работают, но на самом деле они никогда не доходят до браузера

0 голосов
/ 04 июня 2019

привет Tharuka Dananjaya,
проблема была полностью сделана только из внешнего загрузочного css загрузчика.
как решить?
1. сначала, чтобы проверить, какой раздел ломает и осмотреть элемент, вы можете увидеть
в браузере бустер CSS используется не в вашем стиле.
что делать, сделайте этот конкретный CSS следующим образом: ! важный
например: цвет: красный! важный;

сделайте ваш стиль высоким приоритетом!
скопируйте весь код из style.css и вставьте на свою html-страницу
в качестве внутреннего стиля CSS, что означает вставку ч / б заголовка и тела.
0 голосов
/ 04 июня 2019 
<link rel="stylesheet" type="text/css" href="./css/bootstrap.css">
<link rel="stylesheet" href="./css/style.css">

Компилятор имеет тенденцию читать код из строки 1. Если вы поместите bootstrap.css после style.css. Определенно, bootstrap.css перезапишет style.css.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...