css - 试图控制宽度和右对齐，只有一个有效

Question

我对 CSS 的了解几乎不存在，但我正在尝试美化 Wordpress 网站，但似乎无法让我的文本既又右对齐到一定宽度。任何一个都可以独立工作，但是当我使用

p{text-align: right;}
p {height:100px; width:300px;}

宽度正确，但对齐方式恢复为默认值(左)。我敢肯定这甚至不是使这种效果起作用的方法，但这对我来说还是很陌生的，我很感激任何帮助。

Wordpress 主题有一个用于自定义 CSS 的框，为了完整起见，这就是我使用的所有内容:

body {color:#757575;}
h1.site-title {color:#ff0000;}
p{font-family: Verdana, Geneva, sans-serif;}
p{text-align: right;}
p {height:100px; width:300px;}
h1.site-title {
font-family: Century Gothic, sans-serif;}
h2{font-family: Century Gothic, sans-serif;}
h2{color:#000000;}
h2{text-align:right}
nav {font-family: Century Gothic, sans-serif;}
a:link {color:#000000;}
a:visited {color:#000000;}
a:hover {color:#000000;}
a:active {color:#000000;}

Answer 1

也许 Wordpress css 有一个覆盖你的 css 规则。请记住，如果主题 css 有例如。这个 CSS 规则:

.paragraph p{
  text-align: left;
}

然后在下面添加此规则:

p{
  text-align: right;
}

即使您将规则放在最后一个，它的优先级也低于主题规则，因此应用的 css 规则将是主题规则。 尝试添加重要的修饰符!所以你将拥有:

p{
  text-align: right !important;
}