У картинки есть класс, но он привязан сразу к нескольким разным картинкам, а мне хотелось бы заменить только одну.
Но сайт после перезахода меняет значения после "rev= " и получается новая ссылка и css уже не работает
[src^="https:/\/primer.ru/theme/image.php?theme=fordson&component=url"]:nth-child(3) {
content: url(http://ioioioio.png);
}НО. При каждом входе сайт генерирует новую ссылку для изображения. Зачем так делать вообще?
<button id="myButton">Перейти в чат</button>const myButton = document.getElementById('myButton');
myButton.addEventListener('click', function() {
history.pushState(null, null, '?act=show&id=123');
});Как выключить эту перегрузку?
<div itemscope itemtype="http://schema.org/Product">
<span itemprop="name">Название продукта</span>
<span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
Рейтинг:
<span itemprop="ratingValue">4.5</span> из
<span itemprop="bestRating">5</span>
на основе
<span itemprop="ratingCount">10</span> оценок
</span>
</div><article itemscope itemtype="http://schema.org/Article">
<header>
<h1 itemprop="headline">Заголовок статьи</h1>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
Рейтинг:
<span itemprop="ratingValue">4.5</span> из
<span itemprop="bestRating">5</span>
на основе
<span itemprop="ratingCount">10</span> оценок
</div>
</header>
<div itemprop="articleBody">
<!-- Текст статьи -->
</div>
</article><html>
<head>
<title>Название страницы</title>
<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "Product",
"name": "Название продукта",
"image": "https://example.com/product-image.jpg",
"description": "Описание продукта",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.5",
"bestRating": "5",
"ratingCount": "10"
},
"offers": {
"@type": "Offer",
"priceCurrency": "USD",
"price": "19.99",
"availability": "http://schema.org/InStock"
}
}
</script>
</head>
<body>
<!-- Содержимое страницы -->
</body>
</html><html>
<head>
<title>Название страницы</title>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "CreativeWork",
"name": "Название статьи",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.5",
"bestRating": "5",
"ratingCount": "10"
}
}
</script>
</head>
<body>
<!-- Содержимое страницы -->
</body>
</html><form>
<input type="text" class="input" required>
<input type="text" class="input" required>
<input type="text" class="input" required>
<button type="submit" class="form-btn">Отправить</button>
</form>
<button disabled type="button" class="btn">Просто кнопка</button>const massivInput = document.querySelectorAll('.input');
const btnSubmit = document.querySelector('.form-btn');
const btnDisable = document.querySelector('.btn');
let allInputsFilled = false;
massivInput.forEach(element => {
element.addEventListener('input', () => {
allInputsFilled = true;
massivInput.forEach(input => {
if (!input.value) {
allInputsFilled = false;
}
});
if (allInputsFilled) {
btnDisable.disabled = false;
}
});
});Сразу пишите в jsx
Как подключаете less/sass?
<div class="text">
123
<br/>
456
</div>.text { color: red }
{
"source": ["tokens/**/*.json"],
"platforms": {
"css": {
"transformGroup": "css",
"buildPath": "build/",
"files": [
{
"destination": "animation.css",
"format": "css/variables",
"filter": {
"type": "animation",
"property": "keyframe"
},
"options": {
"outputReferences": true
}
}
]
}
},
"properties": {
"animation": {
"keyframe": {
"type": "animation",
"category": "asset",
"value": "@keyframes test { 0% { background-position: 0 } 100% { background-position: 100px } }"
}
}
},
"types": {
"animation": {
"type": "object",
"properties": {
"keyframe": {
"type": "string",
"transform": {
"type": "name",
"value": "animationKeyframe"
}
}
}
}
}
}.my-animation {
animation-name: animationKeyframe;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}export default {
build: {
outDir: 'dist', // имя общей выходной директории
assetsDir: 'js' // имя директории со статикой
//assetsDir: './' // размещение статики внутри "dist"
}
}module.exports = {
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'dist/js'),
//path: path.resolve(__dirname, 'dist'), // размещение статики внутри "dist"
filename: 'bundle.js'
}
};const swiper = new Swiper('.swiper-container', {
// параметры слайдера
pagination: {
el: '.swiper-pagination',
clickable: true,
renderCustom: function (swiper, current, total) {
let paginationHtml = "";
const maxVisible = 3; // максимальное количество видимых элементов
// добавляем первый элемент
paginationHtml += '<span class="swiper-pagination-bullet">' + 1 + '</span>';
// добавляем обрезанные числа, если их нужно показать
if (total > maxVisible) {
const start = current - 1;
const end = current + 1;
if (current < 2) {
end += 2 - current;
} else if (current > total - 2) {
start -= current - (total - 3);
}
if (start > 1) {
paginationHtml += '<span class="swiper-pagination-bullet">..</span>';
}
for (let i = start; i <= end; i++) {
if (i > 1 && i < total) {
paginationHtml += '<span class="swiper-pagination-bullet">' + i + '</span>';
}
}
if (end < total) {
paginationHtml += '<span class="swiper-pagination-bullet">..</span>';
}
} else {
// добавляем остальные элементы
for (let i = 2; i <= total - 1; i++) {
paginationHtml += '<span class="swiper-pagination-bullet">' + i + '</span>';
}
}
// добавляем последний элемент
paginationHtml += '<span class="swiper-pagination-bullet">' + total + '</span>';
return paginationHtml;
}
}
});<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Пример чтения и вывода текстового файла в HTML</title>
</head>
<body>
<div id="content"></div>
<script>
fetch('example.txt')
.then(response => response.text())
.then(text => {
const paragraphs = text.split('\n\n');
const contentElement = document.getElementById('content');
paragraphs.forEach(paragraph => {
const p = document.createElement('p');
p.textContent = paragraph;
contentElement.appendChild(p);
});
});
</script>
</body>
</html>important..woocommerce.single-product .product .summary.entry-summary {
display: grid;
}
.woocommerce.single-product .product .woocommerce-product-details__short-description {
order: 1;
}
.woocommerce.single-product .product .summary.entry-summary .price {
order: 2;
float: none;
}
.woocommerce.single-product .product form.cart {
order: 3;
}
.woocommerce.single-product .product .product_meta {
order: 4;
}Здравствуйте, изучаю веб-разработку не так давно, но уже слышал про CMS
И насколько вообще важная штука CMS, и как частно нужно будет с ней работать?