主页 / user-238264

Dima's questions

Martin Hope
Dima
Asked: 2020-08-28 23:48:02 +0000 UTC
  • 0

使用 wordpress + bootstrap 4
图片有 2 个选项，1 个用于桌面，1 个用于移动。
该模板是响应式的。作为 html 代码插入到页面中。

所以问题是如何只加载所需的图像？

我以这种方式控制显示。

<div>
  <img class="m" src="URL" alt="">
  <img class="d" src="URL" alt="">
</div>

.m {
  display: none;
}

@media (max-width: 540px) {
  .d {
    display: none;
  }

  .m {
    display: block;
  }
}

也许我通常不正确地接近实现，并且有更好的解决方案。也许有一些wordpress插件或引导程序中的东西。

wordpress
Martin Hope
Dima
Asked: 2020-05-27 22:00:12 +0000 UTC
  • 10

帮助我理解。

1）是否可以嵌套在classBEM中class？

.class {
  .class1 {}
  .class2 {}
}

2) 有时需要添加一个padding或margin多个元素。在这种情况下如何命名？

block
  block__elem
  block__elem_mod
  block__elem_mod
  block__elem_mod # Этому, к примеру, нужно дополнительно добавить margin

在这种情况下该怎么办，如果mod每个人都很常见。添加更多mod？block__elem_mod_mod？

应 Vitaly Emelyantsev 的要求。我正在澄清第二个问题的情况：

 .car {
      .car__header {
        .car__header_title {}
        .car__header_img {}
        .car__header_name {}
        .car__header_description {
          .car__header_description_span?
          // Как именовать? Уточним что у span-ов есть разные свойства и общие
        // <span>Текст</span> много текста <span>Текст<span/><br><span>Текст<span/>
        }
      }
      .car__main {
        .car__main_description {}
      }
      .car__footer {
       .car__footer_description{}
     }
  }

或者：

.header
  .header__menu
    .header__menu_nav
      .header__menu_nav_link ?
        .header__menu_nav_link_active ? .header__menu_nav_link-active?
css
Martin Hope
Dima
Asked: 2020-02-23 14:51:30 +0000 UTC
  • 0

如何设置按钮中图像的颜色？我找不到这样做的财产。

有一个带有图片的按钮。

.button {
        background: url('../image/arrow.png') 189px no-repeat; /* картинка */
        background-color: #ff5c36; /* цвет кнопке*/
        color:  #ffffff; /* цвет текста в кнопке*/
        width: 100px;
    }
<input class="button" type="button" value="Send">

不幸的是，我不明白如何将图像添加到代码中。

css