2015-12-01 4 views
1

У меня есть стиль, заданный для класса div, для некоторого html, загружаемого из этого текстового файла.Применить CSS к PHP загружен HTML

content.txt

<div class="container"> 
    <main class="content"> 
     <strong>Paragraph Title</strong> <br>         
Lots of text that actually goes here. 
    </main><!-- .content --> 
</div><!-- .container--> 

В самом деле, текст между тегами <strong> не выглядит по-другому, что остальная часть этого текста.

CSS

<style type="text/css"> 
#auto-slideshow { 
    position:relative; 
    z-index:1; 
    overflow:hidden; 
    margin:0 auto; 
    height:300px; 
    border:2px solid #333333; 
    box-shadow:0 0 5px 0 #000; 
    -webkit-box-shadow:0 0 5px 0 #666; 
} 

#auto-slideshow img { 
    height: 100%; 
    width: 25%; 
    position:absolute; 
    margin-left: 32.5%; 
    z-index:1; 
    opacity:0; 
    -webkit-transition:opacity .8s linear; 
} 

#auto-slideshow img.show { 
    opacity:1; 
} 

.content { 
    border-right: solid 1px #999999; 
} 
</style> 

HTML

<div class="middle"> 

    <?php 
     echo file_get_contents("modules/content.txt"); // get the contents, and echo it out. 
    ?>        

    <?php 
     echo file_get_contents("modules/leftSidebar.txt"); // get the contents, and echo it out. 
    ?> 

    <?php 
     echo file_get_contents("modules/rightSidebar.txt"); // get the contents, and echo it out. 
    ?> 

    </div><!-- .middle--> 

А вот что показывает, когда я инспектировать элемент

Screenshot of style

Update

Я увеличил размер границы до сумасшедших сумм (100px) и обнаружил, что текст обертывается вокруг границы, но он все еще не показывает границу.

+1

это, возможно, придется делать с шрифта, начертание шрифта, размер шрифта ... попробуйте установить особый цвет с 'сильным {цвет: красный}', если вы» re unsure – Calimero

+0

Вы также можете проверить элемент (в большинстве современных браузеров), чтобы проверить, получает ли он какой-либо стиль из вашего CSS. – Aeolingamenfel

+0

@Calimero Я тоже пробовал, что просто не писал этот код здесь. Я также сделал размер границы 100 пикселей, по-прежнему ничего. –

ответ

-3

Проверьте свою таблицу стилей. На панели контрольного элемента показано, что свойство прокладки определяется два разных раза, один в строке 113, а второй в 162. Помните, что CSS использует последнее определение, так что вы должны:

  1. Укажите свои правила после строки 162
  2. Удалить правила в строке 162
  3. Используйте !important тег в первом определении поэтому он использует, что один вместо

Любой из них должен работать

+1

Я бы предпочел, чтобы люди очищали ненужные/чрезмерные правила, чем просто играть в непреодолимую гонку вооружений. На метафоре гонки вооружений '! Important' является ядерным оружием. Единственный выигрышный ход - не играть. – Katana314

Смежные вопросы