CSS Влияет на весь текст перед определенным символом

Question

Есть ли в любом случае использование CSS для воздействия на весь текст перед определенным символом в элементе и всем текстом после того, как символ не будет затронут.

<p id=janmar class=StrongText>Flowering Time: January to March</p> 

Я хочу, чтобы весь текст до и включая «:» был смелым, но все после него было нормальным.

.StrongText { 
font-weight: bold; 
} 

Я, вероятно, в конечном итоге, разделить на два пункта и использовать различные классы на каждом, но если есть способ, то это может быть проще.

Answer 1

Используйте <strong></strong> теги, такие как:

<p id="janmar"><strong>Flowering Time</strong>: January to March</p>

Надеется, что это помогает!

Answer 2

Да, использовать встроенный элемент фразировки, как <span>:

p span { 
 
font-weight: bold; 
 
}

<p><span>Flowering Time:</span> January to March</p>

Answer 3

В <p id=janmar class=StrongText>Flowering Time: January to March</p> вы сделали ошибку. Из-за этого ваш стиль CSS не повлиял на текст. Вы должны включить имена классов и идентификаторов в кавычках/doublequotes:

<p id="janmar" class="StrongText">Flowering Time: January to March</p> 

Следующими является - сделать шрифт полужирного вам нужно стиль CSS, только если вы хотите применить стиль для нескольких мест вашей страницы, применяя стиль к тем местам, с именем класса. Чтобы сделать смелое в единственном месте, вы можете (среди упомянутых еще вопросы способов) использовать тег <b>...</b>:

<p id="janmar" class="StrongText"><b>Flowering Time:</b> January to March</p> 

для PHP эхо вы можете либо использовать побег doublequotes с помощью обратной косой черты или использовать кавычки внутри doublequoted строки:

echo "<p id=\"janmar\" class=\"StrongText\"><b>Flowering Time:</b> January to March</p>"; 

echo '<p id="janmar" class="StrongText"><b>Flowering Time:</b> January to March</p>'; 

echo "<p id='janmar' class='StrongText'><b>Flowering Time:</b> January to March</p>";