Откуда этот элемент DOM получает свой стиль? - PullRequest
Новая
       3

Откуда этот элемент DOM получает свой стиль?

0 голосов
/ 17 февраля 2020

У меня есть этот сайт, где в самом верху отображается зеленая полоса. Ниже аннотации из html кода: 

<div id="wrapper">
    <!-- start header -->
<header>
    <div class="site-top"> !this makes the green band at the top!
        <div class="container">
          <div>
            <div class="pull-right">
              <strong>
                <a href="http://localhost/dimi_test/admin">  ! this element is displayed as green text!
                 <i class="fa fa-cog"></i> Dashboard
                </a>
              </strong>                                                                                              
            </div>
          ...

Моя проблема в том, что фон <div class="site-top"> зеленый, а цвет шрифта элемента <a> такой же зеленый, что делает его невидимым , Я попытался выяснить, в какой таблице стилей определен элемент <a>, поэтому я открыл google devtools. Вот результат:

снимок экрана Google devtools

Кажется, что элемент определен в. (Индекс): 36, в таблицах стилей, которые на скриншоте, цвет шрифта выделен. Поэтому я не понимаю, откуда элемент DOM <a> получает свое оформление.

Надеюсь, мой вопрос стал более понятным.

1 Ответ

0 голосов
/ 20 февраля 2020

Я полагаю, что то, что вы описываете, происходит, потому что есть внутренняя / встроенная CSS в пределах HTML на этой конкретной странице в разделе <head>. 

<head>
  <style type="text/css">
    1 ...
    2 ...
    ...
    36 a...{
         color: #72c02c;
       }
  </style>
</head>

Вам нужно будет удалить или изменить его, чтобы он не перекрывал вашу внешнюю таблицу стилей (style. css).

...