小编Tak*_*hii的帖子

Bootstrap 4中的重色工具提示

我正在尝试重新设置/重新格式化Bootstrap 4中的工具提示,而原始的方式似乎不再起作用了.目前我这样做:

.tooltip-inner {
    background: #7abcff; 
    background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); 
    background:    -moz-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); 
    background:   linear-gradient(to bottom, #7abcff 0%,#60abf8 44%,#4096ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); 
    color: #fff;
    font-family: 'Roboto', Arial, sans-serif;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #7abcff;
}
Run Code Online (Sandbox Code Playgroud)

.tooltip-inner工作正常,但.tooltip.top .tooltip-arrow不是; 它保持黑色.我假设.tooltip.top是底部对齐工具提示顶部的箭头.

任何帮助将不胜感激

css tooltip twitter-bootstrap-4 bootstrap-4

22
推荐指数
7
解决办法
2万
查看次数

哪种语言属性正确?

我确信之前已经被问了一百万次,而且我已经用Google搜索了几次,但我在这里苦苦挣扎,需要你的帮助.

哪个HTML5 LANG属性正确?en-US或en_US?

例如;

<html lang="en-US">
Run Code Online (Sandbox Code Playgroud)

要么

<html lang="en_US">
Run Code Online (Sandbox Code Playgroud)

非常感谢您的意见

html html5 lang

4
推荐指数
1
解决办法
763
查看次数

我可以在SASS中添加元素吗?

我明白在SASS我能做到这一点;

h3 {
  font-size: 20px
  margin-bottom: 10px

  .some-parent-selector & {
        font-size: 24px
        margin-bottom: 20px
  }
}
Run Code Online (Sandbox Code Playgroud)

生成这个代码;

h3 {
  font-size: 20px;
  margin-bottom: 10px;
}
.some-parent-selector h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
Run Code Online (Sandbox Code Playgroud)

有谁知道如何通过元素实现这一目标?基本上我想在SASS中这样做;

.some-parent-selector {
    font-size: 24px
    margin-bottom: 20px

    a& {
        ...
    }
}
Run Code Online (Sandbox Code Playgroud)

生成这个代码;

.some-parent-selector {
    font-size: 24px
    margin-bottom: 20px
}
a.some-parent-selector {
    ...
}
Run Code Online (Sandbox Code Playgroud)

我看到一个问题,我只能在元素和&符号之间放置一个空格.如果我没有linter失败,但我想内心深处SASS不理解..或者我需要更好地格式化它...

我需要这个,因为我正在使用一些代码,其中一个选择器出现在页面中,但每隔一段时间它就被分配给一个Anchor标签......

任何帮助或建议将不胜感激?

html css sass

3
推荐指数
1
解决办法
747
查看次数

我可以用 Jasmine 测试 setInterval 吗?

我的代码中有这个语句,我想知道如何使用 Jasmine 测试 setInterval。

const x = setInterval(() => {
    const countdown = getElementById('countdownWrapper');
    const systemTime = ...
    const now = new Date().getTime();
    const endTime = systemTime - now;

    countdown.querySelector('.countdown-time').innerHTML = time();

    if (endTime < 0) {
        clearInterval(x);
        countdown.classList.remove('countdown-time--show');
    }
}, 1000);
Run Code Online (Sandbox Code Playgroud)

systemTime 由 HTML 中 DATA-CONTENT 属性中的纪元值提供。

任何帮助将不胜感激

javascript clock jasmine

2
推荐指数
1
解决办法
4524
查看次数

带有 HTML5 部分和旁边的 Bootstrap 网格

我正在使用Bootstrap 4 网格系统,并希望在屏幕的右侧浮动一旁。

目前我的主要内容被包裹在col-xl-3 中,我希望ASIDE也使用col-xl-3,但我希望它运行页面的高度,而不仅仅是它所在行的高度,如它目前正在将行的高度推出......

正如你从图片中看到的,我的一边是把顶行推得比底行高……

在此处输入图片说明

我在代码方面所做的一切就是这样;

section.body article, section.body aside { float: left; clear: both; }
Run Code Online (Sandbox Code Playgroud)

任何帮助将不胜感激。

html twitter-bootstrap twitter-bootstrap-4 bootstrap-4

1
推荐指数
1
解决办法
2万
查看次数

.stopPropagation()太彻底了:/

我有一些代码.基本上整个DIV都是可点击的,但是我需要在DIV中的一个按钮来执行与DIV其余部分不同的功能,我已经尝试.stopPropagation()但它太彻底了,因为它禁用了我试图运行的OTHER功能.CLICK().

有问题的按钮(在"+ add item"旁边)并且不幸折叠了,但它仍然可以点击.您会看到它应该触发灯箱,但它也会将产品添加到它上面的DIV.我想解雇灯箱,但不要将产品添加到我的"篮子"中,任何人都可以引导我朝着正确的方向前进吗?我的代码如下;

HTML:

<form method="post" id="partnumbers" name="partnumbers" action="formHandler">
<div id="specialOffer">
<ul>
    <li>
    <div id="prodD">
        <input type="hidden" name="partNum_1" id="catnum1" value="" />
        <div id="close" style="display:none;"><a href="#">Remove X</a></div>
        <div id="Prod1"></div>
    </div>
    </li>
    <li>
    <div id="prodO">
        <input type="hidden" name="partNum_2" id="catnum2" value="" />
        <div id="close" style="display:none;"><a href="#">Remove X</a></div>
        <div id="Prod2"></div>
    </div>
    </li>
    <li>
    <div id="prodA">
        <input type="hidden" name="partNum_3" id="catnum3" value="" />
        <div id="close" style="display:none;"><a href="#">Remove X</a></div>
        <div id="Prod3"></div>
    </div>
    </li>
    <li>
    <div id="prodSubmit">
        <input name="Submit" id="Submit" type="submit" value="Submit" /> …
Run Code Online (Sandbox Code Playgroud)

jquery click lightbox colorbox

0
推荐指数
1
解决办法
408
查看次数