为什么我的class id标签不起作用？

Question

这是我的网站：

http://violetoeuvre.com/

我有两个问题。

我无法弄清楚为什么侧边栏导航中的文字不是黑色的！ 它是蓝色的。

#side_wrapper_text a:link{
        font-family: 'Playfair Display', sans-serif;
        font-size: 32px;
        font-style: italic;
        font-weight: 100; 
        color:rgba (255,255,255,1);
        text-decoration: none; 
        text-align: right;
        letter-spacing:0.2em;

}

2.我希望文本在其框的顶部完全对齐，我无法弄清楚为什么它不会自动执行。 我尝试使用行间距选项无济于事。

/* CONTENT ********************************************************/

.content_wrapper {
    float: left; 
    width: 980px;
    margin-left: 15px;
    margin-top: 45px;

}
/* Photo Box on Home Page ************************/

.home_photo { 
        display:block;
        height: 400px;
        background: rgba(0,0,255, .5);

}

/* Text Box on Home Page */

.home_text{ 
        display:block;
        float: left;
        background: rgba(255,100,255,.5);
        height: 190px;
        text-align: left;
}

/* WRITING ***************************************/

.home_writing {
    display: block;
    background: rgba(50,50,50,.5);
    height: 1000px;
    text-align: left;
}

谢谢！

Answer 1

对于问题＃1，删除“rgba”和下面的括号之间的空格，即color: rgba(255,255,255,1) 。

在Chrome 25中，这使得颜色变为白色，而不是黑色（预期）。 如果你想要黑色，只需使用color: #000; 或color: rbga(0,0,0,1); 如果你想出于某种原因指定alpha通道。

对于问题＃2：段落<p>标签的边距大约为1em，由浏览器的默认样式表设置。 将其设置为零（或其他值）进行修改。

例：

P { margin: 0; }

您还可以考虑使用重置样式表来规范浏览器的行为，并重置浏览器默认样式表设置的许多样式。

或者至少将所有填充/边距重置为零（这解决了许多常见问题）：

* { padding: 0; margin: 0; }

Answer 2

尝试更改此行

color:rgba (255,255,255,1);

对此：

color: #000000;

Answer 3

对于文本颜色，删除'rgba'后面的空格：

color:rgba(255,255,255,1);

我不完全确定我理解你的第二个问题，而不是玩线间距。 我认为您希望将段落的顶部填充和上边距更改为0。