Html 在应用CSS类时需要一些帮助吗
好的,这就是我所拥有的Html 在应用CSS类时需要一些帮助吗,html,css,Html,Css,好的,这就是我所拥有的 BODY { font-family: sans-serif; background-image: url(http://www.thexboxcloud.com/images/xboxbackground2.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: left top; position: absolute; margin: 0; margi
BODY
{
font-family: sans-serif;
background-image: url(http://www.thexboxcloud.com/images/xboxbackground2.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: left top;
position: absolute;
margin: 0;
margin-right: 15in;
}
P
{
position: relative;
padding: 1em 1em 1 em 3em;
left: 150px;
top: auto;
border-left: purple .25cm solid;
border-top: purple 1px solid;
border-bottom: purple 1px solid;
}
P.pillow
{
position: absolute;
margin-right: 15in;
}
一切都很好,直到我试着为枕头设定一个等级。我输入的是正确的,但上面2个选项中的一个似乎覆盖了它
以下是我在课堂上的应用:
<p class="pillow">
现在这应该行了
我正在尝试制作一个youtube视频和一个枕头的paypal按钮,它周围根本没有边界
但是当我输入它时,它不会覆盖第一个p类。而且,当我将第一个p类设置为一个特定类时,它使文本边距扩展到整个页面
doctype代码与此有关吗?我用宽松的
但我不知道有什么我不能让一个特定的班级工作。感谢您的帮助。谢谢。代码现在不会尝试以任何方式删除边框。您似乎期望P.pillow规则会阻止P规则对类pillow中的P元素生效。CSS不是这样工作的。当呈现元素时,所有带有与元素匹配的选择器的规则都是相关的,如果存在冲突设置,则根据CSS级联规则解决这些规则 在这种情况下,防止边界出现的一种简单方法是添加
P.pillow { border: none }
就这么做吧
.pillow {
position: absolute;
margin-right: 15in;
}
在上面的代码中,您要做的是选择类中的任意p元素
.pillow p{
position:absolute;
margin-right:15in
}
但是,由于您将类直接应用于p,因此不需要定义它在css中是什么元素。希望这有帮助看起来你用的是大写字母p。应该是p.pillow,@TheBokiya,这不重要,对吧?。标记和属性名称不区分大小写。@Bokiya CSS解析器对元素不区分大小写:是的,你说得对,这不重要。标记不区分大小写。虽然按惯例它应该是小写的。那么你想去掉p.pillow上的边框吗?如果是这样,您需要覆盖p规则中的内容:border:none。