не работает селектор id

29.08.2016
8
0
#1
Когда проверяю страничку созданную в 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
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 баллов*/
}
 
Последнее редактирование модератором:

-master-

Well-known member
14.01.2012
616
12
#3
Заведите себе правило, что раз написав какойто идентификатор, потом его просто копируете, если нет инструмента который сам подсказывает.

Так у вас id написан по разному и оттого не работает.