цвет текста не меняется в HTML

Question

В приведенном ниже коде текст цвет был черный, но он показывает белый .Это показывал, как этот

Главная | Услуги

Эти цвета текста, показывая белый, но Я дал черный. Где я совершил ошибку?

#locations { 
 
    width: 1050px; 
 
    margin: 0 auto 0 auto; 
 
} 
 
#locations h1 { 
 
    margin: 0 auto 0 auto; 
 
    color: black; 
 
    font-size: 25px; 
 
    padding-top: 10px; 
 
    padding-bottom: 10px; 
 
} 
 
#locations1 table { 
 
    width: 1050px; 
 
    height: 200px; 
 
    color: white; 
 
} 
 
.hospitails { 
 
    background-color: #A52A2A; 
 
    font-size: 20px; 
 
} 
 
.hospitails_loc ul { 
 
    width: 1050px; 
 
    margin: 1px auto 0 auto; 
 
    height: 50px; 
 
    float: relative; 
 
    color: black; 
 
} 
 
.hospitails_loc ul li { 
 
    position: relative; 
 
    list-style-type: none; 
 
    display: inline; 
 
    color: black; 
 
} 
 
.hospitails_loc li:before { 
 
    content: " | "; 
 
} 
 
.hospitails_loc li:first-child:before { 
 
    content: none; 
 
}

<div id="locations"> 
 
    <h1>Locations</h1> 
 
    <locations1> 
 
    <table cellpadding="0" cellspacing="0" border="0"> 
 
     <tr class="hospitails"> 
 
     <td>Hospitails</td> 
 
     <td>Clinics</td> 
 
     <td>Home Care</td> 
 
     <td>Information Centers</td> 
 
     </tr> 
 
    </table> 
 
    <div class="hospitails_loc"> 
 
     <ul> 
 
     <li><a href="#">Home</a> 
 
     </li> 
 
     <li><a href="#">About</a> 
 
     </li> 
 
     <li><a href="#">Service</a> 
 
     </li> 
 
     </ul> 
 
    </div> 
 

 
    <locations1> 
 
</div>

Answer 1

По умолчанию ссылки будет отображаться как это во всех браузерах:

непосещенной ссылка подчеркнута и синий посещаемой ссылка подчеркнута и пурпурной Активная ссылка подчеркнута и красная Вы можете изменить значения по умолчанию, используя стили:

A дд это CSS:

.hospitails_loc ul li a{color:black;} 

FIDDLE

Answer 2

Поскольку селектор #locations1 table говорит, что это белый?

Answer 3

Как-то я не понимаю вопроса, но вижу проблему и решение. Вы используете какой-то пользовательский тег <locations1>, который должен больше похож на <div id="locations1">.

Ваш код: http://jsfiddle.net/8e3tcut9/

Modified: http://jsfiddle.net/8e3tcut9/1/