小编tzi*_*tzi的帖子

我正在写一个git pre-commit钩子.
该脚本可以重新格式化一些代码,因此它可以修改分阶段文件.

如何重新暂存已经上演的所有文件？

我尝试创建一个简单的angular2组件,并在将指令绑定到本机DOM元素时出错.

例如:

/// <reference path="../../typings/_custom.d.ts" />

import { Component, View } from 'angular2/angular2';
import { RouterLink } from 'angular2/router';

@Component({
    selector: 'my-component',
    directives: [RouterLink]
})

@View({
    template: `
        <a [router-link]="['/page']">test</a>
    `
})

export class MyComponent {    }

=>无法绑定到'routerLink',因为它不是'<a>'元素的已知属性,并且没有匹配的指令与相应的属性.

我做错了什么？

我正在尝试显示 PDF 文件的页数。

所以在标题中我放了这个css：

.page-number:after { 
  counter-increment: pages; 
  content: counter(page) " of " counter(pages); 
 }

网址：

<span class="page-number">Page </span>

但它返回我Page 1 of 1... Page 2 of 2。第一个计数器工作正常，但总数是错误的。我该如何解决？

我试图在 BEM 中表达一个简单的 CSS3 选择器：

CSS

.block__elem {
  /* ELEM RULES */
}

.block__subelem {
  /* SUBELEM RULES */
}

.block__elem:not(:last-child) .block__subelem {
  /* HOW CAN I EXPRESS THIS? */
}

HTML

<div class="block__elem">
  <div class="block__subelem">CONTENT</div>
  <div class="block__subelem2">OTHER CONTENT</div>
</div>
<div class="block__elem">
  <div class="block__subelem">CONTENT</div>
  <div class="block__subelem2">OTHER CONTENT</div>
</div>
<div class="block__elem">
  <div class="block__subelem">THIS SHOULD HAVE A SLIGHTLY DIFFERENT STYLE</div>
  <div class="block__subelem2">OTHER CONTENT</div>
</div>

如何用 BEM 术语表达最后一个选择器？

我能想到的唯一方法是添加一个修饰符

.block__subelem--not-last-child {

}

然后从后面将逻辑添加到 HTML 中，但对我来说这是错误的，它增加了服务器端的复杂性并且容易出错。

在一个项目中，我们有自定义模板字符串来抽象样式组件功能。例如，我们有媒体查询的模板字符串，如下所示：

// Definition
const for1080p = (...args) => css`
  @media (min-height: 1080px) {
    ${css(...args)}
  }
`;

// Usage
const Logo = styled.div`
  width: 200px;

  ${for1080p`
    width: 300px;
  `}
`;

我们做出这个选择是因为它保留了原始样式的语法。它也由 prettier 很好地格式化。

我们今天的主要问题是我们不知道如何使用 stylelint 分析自定义模板字符串中的 CSS。

例如：

const Logo = styled.div`
  widht: 200px; /* <--- Unexpected unknown property "widht" */

  ${for1080p`
    widht: 300px; /* <--- No error detected :( */
  `}
`;

你知道怎么做吗？

和

grid-template-columns:1fr 1fr;

2 列在小（窄）屏幕中具有不同的宽度。我无法理解。感谢您的任何帮助。