小编Imr*_*hio的帖子

重命名我的文件后,我在运行gulp构建任务时收到以下错误:

Error: Error: File not found with singular glob: F:\Projects\xyz\HTML\app\css\main.css
    at DestroyableTransform.<anonymous> (F:\Projects\xyz\HTML\node_modules\gulp-useref\lib\streamManager.js:90:36)

main.css文件不再存在,因为我将其更改为style.css但由于某种原因它正在搜索旧文件.

假设我有一个变量:

$var: 5px;

但在代码的某个地方,它的价值已经改变为可能的颜色,数量,em,rm等.

是否有任何功能可以检测它具有哪种类型的值？

即

@if is-color($var) { //do something }

我知道sass中没有is-color函数,但还有其他方法可以做到这一点还是有功能？

假设有4行中有12个项目.

 |  1   ||  2   ||  3   |
 |  4   ||  5   ||  6   |
 |  7   ||  8   ||  9   |
 |  10  ||  11  ||  12  |

我想选择第二排和第四排,我该怎么做？

请注意,行不在不同的HTML元素中,实际上它们都是ul li元素.

期望的结果:

 |  1   ||  2   ||  3   |
 |--4---||--5---||--6---|
 |  7   ||  8   ||  9   |
 |--10--||--11--||--12--|

我试过玩这个:

li:nth-child(n+4)

它选择前三个之后的所有元素.然后我尝试了这个:

li:nth-child(n+4):nth-child(-n+8)

这只选择了4,5和6但我不能重复这种模式来选择10,11和12.CSS中有这个解决方案吗？

我有一个textarea属性maxlength设置为350& 它工作正常，它也将输入/换行符计为一个字符。

如果用户尝试输入超过或达到350我使用此代码的字符限制，我还必须显示错误消息：

$("textarea").keyup(function (e) {
    if($(this).val().length >=350){
        $('.error').show();
    }else{
        $('.error').hide();
    }
});

它可以工作，但在 chrome 中它不计算输入/换行符，但如果用户将文本分成多行，则 maxlength 会计算在内，他会在 350 个字符后停止输入，但看不到任何消息。

这是一个可以玩的小提琴：https : //jsfiddle.net/udp9oxx4/

请注意，此错误仅发生在 chrome 中。

想象一下这个DOM:

<header>
    <h1> header </h1>
    <!-- other elements -->
    <nav>
        nav
    </nav>
</header>

<div>
    content
</div>

标题和导航都定位为fixed.内容div定位为relative.我需要按此顺序(从上到下)创建一个带有z-index的堆栈:

• 标题*:不是(nav)
• 内容
• 导航

我很难将导航放在底部(换句话说,在其父母的兄弟之下).我认为所有头衔的孩子都不得不在顶部或在其兄弟之下......这是对的吗？如果是这样,这种情况是否有解决方法？

我正在尝试创建类似于此的布局:

我知道我可以使用svg或clip-path创建"A",但问题是我想保持"A"内的背景与身体背景对齐,即如果窗口调整大小,背景图像将作为封面反应而作出反应那么"A"中的图像也应如此.

我已经没有想法如何实现这个...我能想到的最后一件事是background-attachment: fixed使用复杂的CSS 来创建"A",就像许多不同宽度/高度的div,边界半径,翻译等来创建字母"A".

编辑:我想我没有说明这个案例,所以请查看我想要实现的演示.请注意当您调整浏览器大小时灰度点如何与文本div保持对齐,而背景图像设置为覆盖宽度和高度,无论视图端口大小如何,并且点内的图像会更改以呈现相同的位置... I只想拥有更复杂的形状,如A或Z而不是奇怪的形状.