У меня есть стиль, заданный для класса 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-->
А вот что показывает, когда я инспектировать элемент
Update
Я увеличил размер границы до сумасшедших сумм (100px) и обнаружил, что текст обертывается вокруг границы, но он все еще не показывает границу.
это, возможно, придется делать с шрифта, начертание шрифта, размер шрифта ... попробуйте установить особый цвет с 'сильным {цвет: красный}', если вы» re unsure – Calimero
Вы также можете проверить элемент (в большинстве современных браузеров), чтобы проверить, получает ли он какой-либо стиль из вашего CSS. – Aeolingamenfel
@Calimero Я тоже пробовал, что просто не писал этот код здесь. Я также сделал размер границы 100 пикселей, по-прежнему ничего. –