Ви не увійшли. Будь ласка, увійдіть або зареєструйтесь.
Ласкаво просимо вас на україномовний форум з програмування, веб-дизайну, SEO та всього пов'язаного з інтернетом та комп'ютерами.
Будемо вдячні, якщо ви поділитись посиланням на Replace.org.ua на інших ресурсах.
Для того щоб створювати теми та надсилати повідомлення вам потрібно Зареєструватись.
Український форум програмістів → HTML та CSS → CSS - як виділити окремі символи?
Сторінки 1
Для відправлення відповіді ви повинні увійти або зареєструватися
У мене є таблиця.Мені треба, щоб усі символи "+" були зеленого кольору, усі символи "-" - червоного.Як мені це зробити?Я розумію, що можна додати до кожного з них класи, котрі прописати у таблиці стилів, але це буде дуже довго.Немає якогось коротшого шляху?
На одному CSS - ніяк. Або додавайте класи, або простенький JavaScript, який ці класи розставить за вас.
Шкода.Ну добре.Дякую.
Спробуйте ось такий варіант:
<!doctype html>
<html lang="uk">
<head>
<meta charset="utf-8">
<title>Демо</title>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
</head>
<body>
<table>
<tr>
<th>Заголовок 1</th>
<th>Заголовок 2</th>
</tr>
<tr>
<td>+</td>
<td>-</td>
</tr>
<tr>
<td>Міститься "+"</td>
<td>Міститься "-"</td>
</tr>
<tr>
<td>Містить "-"</td>
<td>Містить "+"</td>
</tr>
</table>
<script>
$( "td:contains('+')" ).css( "color", "red" );
$( "td:contains('-')" ).css( "color", "green" );
</script>
</body>
</html>Contains не входить до стандарту CSS: http://stackoverflow.com/a/4781167/816449
Хоча з jQuery буде працювати.
Contains не входить до стандарту CSS: http://stackoverflow.com/a/4781167/816449
Хоча з jQuery буде працювати.
А який стосунок одне має до іншого? JQuery - бібліотека JavaScript, яка для кращого розуміння імітує деякі фрагменти синтаксису CSS. Але це JavaScript, а не CSS, як я й казав.
Сторінки 1
Для відправлення відповіді ви повинні увійти або зареєструватися