Не работает селектор id - HTML и CSS

skander47 · 30.08.2016, 21:55

Когда проверяю страничку созданную в notepad++.то при просмотре её в браузере через Firebag в колонке стили почему то не отображается идентификатор id="liSuper". Пожалуйста помогите разобраться почему так вышло. Прилагаю два файла:

HTML

Код HTML:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Первая html страничка</title>
<link href="css/style css/style.css" type="text/css" rel="stylesheet"> 
</head>

<body>
<h1 id="header">How To Avoid Wasting Your Most Valuable Online Asset - TIME!</h1>
<a href="http://ruseller.com" target="_blank"><img src="images/alarm.jpg" alt="будильник" width="307" height="450" align="right" hspace="60" vspace="20"></a>

<p id="test" >If you're involved in an internet marketing business, then
you've probably already come face-to-face with your #1
enemy - "Time Wasting".</p>

<p>What you need to know is that "Time Is Money". <span class="new3">And this
applies <span class="new2">even more</span> to the online world</span>, than in regular
business.</p>
<!--Эти комментарии-->

<p>You see, anyone <span class="new2">can become an online</span> entrepreneur. It
doesn't involve start-up capital or expensive equipment to
start. A low grade PC and a net connection is all you need.</p>

<p>And since cash isn't really a barrier, time-management has
become all the more critical. Your challenge for success is
simply to get more done - in less time.</p>

<p class="new2">So what are the greatest online time wasters and what can
you do to avoid them?</p>

<ol start="0">
<li>Retyping the same old thing time and time again.</li>
<li>Failing to manage your email effectively.</li>
<li>Getting sucked into pointless forum discussions.</li> 
<li>Failing to set a goal, before you switch the computer on.</li>
</ol>
<ul id="myList">
<li class="new6" id="liSuper" style="color:#97057F">Retyping the same old thing time and time again.</li>
<li>Failing to manage your email effectively.</li>
<li>Getting sucked into pointless forum discussions.</li> 
<li>Failing to set a goal, before you switch the computer on.</li>
</ul>
<dl id="myList">
<dt>Retyping the same old thing time and time again.</dt>
<dd>описание 1</dd>
<dt>Failing to manage your email effectively.</dt>
<dd> описание 2</dd>
<dt>Getting sucked into pointless forum discussions.</dt> 
<dd> описание 3</dd>
<dt>Failing to set a goal, before you switch the computer on.</dt>
<dd>описание 4</dd>
</dl>
<h6 class="new">Retyping the same old thing time and time again.</h6>
------------------------------------------------

<p>This sounds simple. But stop and think how many times you
retype the same old simple information.</p>

<p> people have cottoned on to automating their email
signature, but you can go far beyond that when it comes to
communicating words quickly.</p>

<p>Get yourself a clickboard or shortcut extender. This will
enable you to write much faster and prevent you from ever
having to type the same thing twice.</p>

<p>I use this utility <a href="https://www.google.com" target="_blank" title="программа type pilot">https://www.google.com</a> , but
there are lots of other useful typing assistant utilities
available.</p>

<h4>Failing to manage your email effectively.</h4>
-----------------------------------------

<p>I know, there's so much spam flying around, but you should
be attempting to win this war with a few weapons of your
own installed on your computer.</p>

<p class="new4">i. Make sure you have a working piece of anti-spam software
set up. Whilst sometimes the wrong messages will get
trapped, the best software will still remove 98% of the
emails that you don't want. Make sure they are filtered
into a junk email file, so you can manually sift
through them afterwards and pull back any that have
been incorrectly assumed to be unwanted.</p>

<p>ii. Set up folders in your inbox and get yourself properly
organized. I keep a folder for SALES, another one for
FEEDBACK and others for JOINT VENTURES + many more. </p>


<table border="1" width="750" align="center" cellpadding="10" cellspacing="5"> 
<tr><th>Дата</th><th>Время</th><th>Продукт</th><th>Место</th><th colspan="3">Жиры, Белки, Углеводы</th><th>Деньги</th></tr>
<tr align="center"><td>12.12.2011</td><td>19.00</td><td>кефир</td><td>Москва</td><td>1</td><td>3</td><td>5</td><td>30</td></tr>
<tr align="center"><td>12.12.2011</td><td>15.00</td><td>молоко</td><td>Самара</td><td>1</td><td>3</td><td>5</td><td>30</td></tr>
<tr align="center"><td rowspan="2">12.12.2011</td><td>16.00</td><td>сок</td><td>Уфа</td><td>1</td><td>3</td><td>5</td><td>30</td></tr>
<tr align="center"> <td>11.00</td><td>Йогурт</td><td>Владимир</td><td>1</td><td>3</td><td>5</td><td>30</td></tr>
</table>
<div id="bt"><p><a href="files/Amir–Lost.mp3">Скачать текст в формате PDF</a></p>
<p><a href="#header">Перейти к началу статьи</a></p>
<p><a href="mailto:Skander47@yandex.ua">связаться с автором статьи</a></p>
</div>
<img src="images/time.jpg" width="600" height="214" border="1" alt="продажа часов" vspace="20" usemap="#imgmap201681715245">
<map id="imgmap201681715245" name="imgmap201681715245">
<area shape="rect" alt="Фотошоп мастер" title="" coords="41,13,288,84" href="http:photoshop-master.ru" target="_blank">
<area shape="rect" alt="Руселлер" title="" coords="309,14,556,81" href="http://ruseller.com" target="_blank">
</map>

</body>
</html>

CSS

Код:

body{
font:14px Tahoma;
color:#333333;

}
p{

text-indent:30px;
}
#header{

text-align:center; 
text-transform:capitalize;
}

.new2{
font-style:italic;
}
.new3{
font-weight:bold;
text-decoration:line-through;
}
a{
text-decoration:none;
border-bottom:1px dashed #C32017;
}

.new4{
text-align:justify;
}

ul{ 
list-style:inside url(../../images/arrow.png);
color:#C32017; /*Красный*/

}
li{
color:#FAA21A; /*Золотистый 1 бал*/ 
}
.new6{
color:#97AD34; /*Зелёный 10 баллов*/
}
#liSyper{
color:blue; /*Синий 100 баллов*/
}
#myList li.new6{
color:#400000;/*Шоколадный 111 баллов*/

}

Вадим Мошев · 30.08.2016, 22:01

У вас в стилях написано (в самом конце)

Код:

#liSyper{
color:blue; /*Синий 100 баллов*/
}

Опечатка?

skander47 · 30.08.2016, 22:28

спасибо большое - помогло!!

30.08.2016, 22:01	#2
Вадим Мошев Старожил Регистрация: 12.11.2010 Сообщений: 8,568	У вас в стилях написано (в самом конце) Код: `#liSyper{ color:blue; /Синий 100 баллов/ }` Опечатка?

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Селектор jquery	ts-alan	JavaScript, Ajax	1	01.06.2015 11:47
селектор css	ts-alan	HTML и CSS	5	09.04.2015 21:21
Общий Css селектор	nikita33321	HTML и CSS	2	05.10.2011 12:50
Сложный селектор CSS	Никки	HTML и CSS	2	25.03.2011 21:14
Селектор родителей	Magneto	HTML и CSS	3	14.03.2010 01:26

30.08.2016, 22:28	#3
skander47 Регистрация: 30.08.2016 Сообщений: 5	спасибо большое - помогло!!