Задать вопрос

KnightForce

Ответы пользователя по тегу CSS

  • Как сделать список задом наперед?

    @KnightForce
    Кустарный, вариант.
    Мб знатоки CSS знают как сделать на нем.
    var parent = document.body.querySelector('.footer_block');
var arr = Array.from(parent.querySelectorAll('footer_block')).reverse();
for(let tag of arr) {
 parent.append(tag)
}
    Ответ написан
    Комментировать
    Комментировать

  • Использование important в новом React проекте, это норма?

    @KnightForce
    Путь твой в Webpack лежит, дабы не потеряться в зависимостях и выдавать конечные файлы без тонные подключенных модулей.)

    В css ест такая штука, что класс ниже по приоритету, чем id.
    #id .class будет выше, чем просто
    .class - и чем длиннее цепочка - тем больше приоритет.)
    Попробуй больше цепочку.)
    Потому что important - это жесткое указание.)
    Ответ написан
    Комментировать
    Комментировать

  • Почему backgroundImage выступает за рамки браузера?

    @KnightForce
    width: some value;
    height: some value;
    backgrounds image: url(some URL);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    Ответ написан
    Комментировать
    Комментировать

  • Поиск и сортировка товара средсвами css + js без БД?

    @KnightForce
    На JS нужно получать все товары и по ним фильтровать.
    Допустим у тебя 200 столов. 100 на 3 ногах, 200 на 4. 50 с квадратной крышкой, 150 с круглой.
    Все это выглядит, например, так:
    var tables = [
    {
        legs: 4, //Ножки стола
        cap: "squard" //Вормы крышки
    }
];
// В массиве типа 200 элементов
function sorting(params) {
    //объект с параметрами сортировки, типа "cap": "squard"
  
    return tables.filter((item)=>{
        let counter = true;
        for(let key in params) {
           counter =  (item[key]==params[key]);
           if(!counter) return false;
        }
        return true;
    }); 
}


    Это очень абстрактно, для примера.
    И выводи.
    Ответ написан
    Комментировать
    Комментировать

  • Как отдавать отдельный CSS мобильным устройствам?

    @KnightForce
    1) В один css, в зависимости от устройства, подключать нужный в @mediaчерез @import.
    2) Просто импорт и указать тип носителя.

    htmlbook.ru/css/import
    Ответ написан
    4 комментария
    4 комментария

  • Как получить значение текущего элемента(this)?

    @KnightForce
    Не до конца понял, откуда ты хочешь получать.
    По клику или как.
    Как я понял, тебе нужно узнать значение input, независимо от количества таких же div.
    Если по событию, то как-то так:
    Допустим у всех кнопок ADD есть класс buttonAdd.
    Покажу пример с обработчиком на body и делегированием.
    var body=$("body");

body.on("click", function(e){
   var bittonAdd=$(e.target).closest(".buttonAdd");
   if(!bittonAdd.length) return false;
/*
проверка длины нужна, потому что hasClass проверяет наличие класса, а closest, если не найдет подходящего родителя вернет пустой объект (который при преобразовании к булеву типу будет true).
*/
   var div = bittonAdd.closest("div");//Если у div есть класс, то bittonAdd.closest(".имяКласса");
   var input = div.find("input");
   var value = input.val();//Это и есть значение.
//Добавить в таблицу:
  div.find("table").append("<tr><td>"+value+"</td><td>здесь твои кнопки<td><tr>");
/*
Не children, если input прямой потомок, то можно children, но если нет - то он его не найдет
*/
});


    Подробно расписал, чтобы было понятно.

    Для ускорения работы, можешь сделать шаблон строки для таблицы:
    body.on("click", function(e){
   var bittonAdd=$(e.target).closest(".buttonAdd");
   if(!bittonAdd.length) return false;
   var div = bittonAdd.closest("div");
   var value = div.find("input").val();//Это и есть значение.
   var tr = hideLine.clone(true);
   tr.find("td").eq(0).text(value);
   div.find("table").append(tr);
});

//тот самый шаблон:

var hideLine = $("<tr><td></td><td>здесь твои кнопки<td><tr>");
    Ответ написан
    1 комментарий
    1 комментарий