JavaScript
- 6 ответов
- 0 вопросов
8
Вклад в тег
li:active {
color: red;
}
li:focus {
color: red;
}
const list = document.querySelector('ul');
list.addEventListener('click', (event) => {
event.target.style.color = 'red';
});
document.addEventListener('click', (event) => {
event.target.style.color = 'red';
});
<h1>Блог</h1>
<h2>Статья 1</h2>
<h3>Подзаголовок 1</h3>
<p>Текст</p>
<h2>Статья 2</h2>
<h3>Подзаголовок 2</h3>
<p>Текст</p>
<h2>Статья 3</h2>
<h3>Подзаголовок 3</h3>
<p>Текст</p>
<article></article>
<article>
<h1>Статья 1</h1>
<h2>Подзаголовок 1</h2>
<p>Текст</p>
</article>
<article>
<h1>Статья 2</h1>
<h2>Подзаголовок 2</h2>
<p>Текст</p>
</article>
<article>
<h1>Статья 3</h1>
<h2>Подзаголовок 3</h2>
<p>Текст</p>
</article>
auto: /\.module\.\w+$/i,
.{
loader: 'css-loader',
options: {
modules: {
exportGlobals: true,
localIdentName: '[local]--[hash:base64:5]',
auto: /\.module\.\w+$/i,
},
},
},