小编Sam*_*Sam的帖子

在掌握了 Flexbox 之后，我开始学习 CSS 网格。

这是我之前构建的一个简单的弹性盒网格：

.container {
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
}

.flex {
  display: flex;
  flex-flow: row wrap;
}

.col {
  padding: 24px;
  flex: 1;
}

.flex:nth-child(even) {
  flex-flow: row-reverse wrap;
  text-align: left;
}

img {
  height: auto;
  max-width: 100%;
}

<div class="container">

  <div class="flex">

    <div class="col">
      <h2>I'm A Title</h2>
      <p>Here's some copy.</p>
    </div>

    <div class="col">
      <img src="https://hackernoon.com/hn-images/1*mONNI1lG9VuiqovpnYqicA.jpeg">
    </div>

  </div><!-- .flex -->

  <div class="flex">

    <div class="col">
      <h2>I'm A Title</h2>
      <p>Here's some copy.</p>
    </div>

    <div class="col"> …

我想在我的域名中添加SPF和DKIM以用于MailChimp.

相关域名正在通过G Suite运行,并具有以下SPF的TXT记录:

v=spf1 include:_spf.google.com ~all

该域名还包含Google DKIM的TXT记录.

我已经通过MailChimp和G Suite文档阅读了您不应该添加多个SPF记录的信息.考虑到这一点,这是添加MailChimp的SPF记录的正确方法吗？

v=spf1 include:_spf.google.com ~all include:servers.mcsv.net ?all

同样的规则是否适用于DKIM,或者我可以为此添加多条记录吗？

我在这个页面上运行了一个Twitter嵌入时间轴.

通过CSS,我添加了以下类:

.twitter-timeline {
     min-width: 100% !important;

直到昨天,这个CSS成功地将时间线扩展到内容区域的整个宽度,但今天风格不起作用.

我可以看到Twitter在iframe中运行了以下样式:

.timeline {
     max-width: 520px;

我认为这是Twitter最近添加的内容.我能做些什么来覆盖这个吗？我已经尝试将以下内容添加到我的CSS类中,但它没有奏效:

.twitter-timeline {
     min-width: 100% !important;
     width: 100% !important;

我知道我可以使用Twitter API创建自定义Feed,但我们无法访问艺术家Twitter帐户来生成访问令牌等.

我有以下简单的网格：

.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

<ul class="grid">
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
  <li>Four</li>
  <li>Five</li>
  <li>Six</li>
</ul>

我遇到无法编辑前端标记的情况。我只希望将网格应用于前三个项目。这可能吗？

我正在尝试在WordPress中的.htaccess文件中应用两个301重定向,但是我收到404错误.

这就是我所拥有的:

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress

# X-XSS-Protection
<IfModule mod_headers.c>
  Header set X-XSS-Protection "1; mode=block"
</IfModule>

# X-Frame-Options
<IfModule mod_headers.c>
  Header always append X-Frame-Options SAMEORIGIN
</IfModule>

# Security Headers - X-Content-Type: nosniff
<IfModule mod_headers.c>
  Header set X-Content-Type-Options nosniff
</IfModule>

# BEGIN 301 Redirects
Redirect 301 /old-page-name/ https://www.myurl.com/new-page-name/
Redirect 301 /another-old-page/ https://www.myurl.com/another-new-page/
# END 301 Redirects

我在这做错了什么？我也尝试将重定向信息放在WordPress设置之上.

我正在使用WordPress插件在日历上显示事件。它具有以下标记来显示日期：

<th id="tribe-events-monday" title="Monday" data-day-abbr="Mon">Monday</th>

我希望不显示“星期一”，而是显示“星期一”。是否可以使用CSS输出数据属性（data-day-abbr）？

这将是首选的解决方法，否则，我将需要创建子模板文件。

我有一个图像位于一个div.当您将鼠标悬停在div上时,它会在顶部显示一个标题.标题div有背景颜色,我想淡入.这可能吗？我尝试过应用转换,但它似乎不适用于块元素.

这是JSFiddle和代码:

HTML

<div class="box">
    <img src="http://bit.ly/1G1Pcbz" alt="coding">
    <div class="overlay">
        This is my caption overlay.
    </div>
</div>

CSS

img {
  height: auto;
  max-width: 100%;
}
.box {
    position: relative;
    display: block;
    width: 200px;
    height: 117px;
    background: #ccc;
    transition: all 0.5s ease-in-out;
}
.overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: red;
    z-index: 9999;
}
.box:hover .overlay {
    display: block;
}