Селектор — это часть CSS-правила, которая сообщает браузеру, к какому элементу (или элементам) веб-страницы будет применён стиль. Термин селектор может относиться к простому селектору (simple selector), составному селектору (compound selector), сложному селектору (complex selector) или списку селекторов.
Так задано у меня стиль.
<style> /* тег Термины */ jp_term { background-color: #FFD700ff; color: blue; } </style>
Пишем так строку в HTML файле
<style>
jp_term {
background-color: #FFD700ff;
color: blue;
}
</style>
<jp_term>Текст</jp_term> личный тег - строчный элемент
Результат:
Так задан у меня стиль.
<style> /* Заголовок в Учебнике */ .jp_heading { background-color: yellow; } </style>
Пишем так строку в HTML файле
<style>
/* Заголовок в Учебнике */
.jp_heading {
background-color: yellow;
}
</style>
<spen class="jp_heading ">Текст</spen> строчный элемент.
<div class="jp_heading ">Текст</div> блочный элемент.
Результат:
Текст
блочный элемент.
Так задано у меня стиль.
<style> /* список глав */ .jp_chapter_list { background-color: #ECF8E0; } </style>
Пишем так строку в HTML файле
<style>
/* список глав */
.jp_chapter_list {
background-color: #ECF8E0;
}
</style>
<spen class="jp_chapter_list ">Текст</spen> строчный элемент.
<div class="jp_chapter_list ">Текст</div> блочный элемент.
Результат:
Текст
блочный элемент.