Как использовать тег 1 <span>, чтобы выделить несколько слов?например в тексте ниже - PullRequest
Новая
       0

Как использовать тег 1 <span>, чтобы выделить несколько слов?например в тексте ниже

0 голосов
/ 13 сентября 2018

HTML Как использовать 1 тег для выделения нескольких слов? например, в тексте ниже, выделенном полужирным шрифтом с понедельника по пятницу, но не в те моменты, когда я добавляю несколько тегов, я получаю ошибку с идентификатором Day Day, спасибо за помощь! Я ищу что-то большее из линии, в моем коде у меня пн 8: 8-8: 00, 8: 8-8: 00, 8: 8, 8: 8, 8: 8, есть способ, которым я мог бы выбрать только сокращения для дней недели и смелее их? когда я пытаюсь использовать несколько тегов, я получаю ошибку ID Day Duplicate!

Ответы [ 3 ]

0 голосов
/ 13 сентября 2018

Ну, не используйте id для пролетов.Используйте другие атрибуты, такие как class или data

.day {
  font-weight:bold;
}
<span class="day">Mon</span> 8AM-8PM <span class="day">Tue</span> 8AM-8PM <span class="day">Wed</span> 8AM-8PM <span class="day">Thu</span> 8AM-8PM <span class="day">Fri</span> 8AM-8PM

Если это не то, что вы ищете, пожалуйста, объясните, как вы получаете эти даты, возможно, мы сможем найти другое решение.Для того, что вы объяснили, это будет рабочее решение

0 голосов
/ 13 сентября 2018

Вместо использования элемента span вы можете попробовать его другим способом 

<strong>Mon</strong> 8AM-8PM <strong>Tue</strong> 8AM-8PM <strong>Wed</strong> 8AM-8PM <strong>Thu</strong> 8AM-8PM <strong>Fri</strong> 8AM-8PM
0 голосов
/ 13 сентября 2018

Вы ищете что-то похожее на то, что упомянуто в теме ниже

как выделить слова в абзаце в HTML / CSS?

Или используя элемент span, вы можете сделать что-то похожее на приведенный ниже код 

<p>Showing how to  <span style="font-weight:bold;">bold </span>any word 
in a given sentence...</p>
<p style="font-weight:bold;">...and see how multiple words are in bold. 
</p>

или вы можете использовать приведенный ниже пример кода: 

<!DOCTYPE html> 
<html> 
<body> 
<p id="given">Mon 8AM-8PM Tue 8AM-8PM Wed8AM-8PM Thu8AM-8PM Fri8AM-8PM. 
</p> 
<button onclick="myFunction()">Try to see it </button> 
<script> function myFunction() { 
document.getElementById("given").innerHTML= 
document.getElementById("given").innerHTML.replace(/[a-zA-Z]{3}/g, 
function(str) {return '<b>'+str+'</b>'}) } 
</script> </body> </html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...