Question

我试图使用类和/或id来设置段落和其他元素的样式。我以前成功使用过它们，但在这个页面上唯一有用的ID就是为图像设置风格。但是，如果我使用标记作为段落，那么样式在CSS中起作用。我想要＃id;＃1p＆＃34;在CSS中允许我设置相应段落的样式。现在这个id好像不在那里。以下是我的代码：

＆＃13;

     table {
        position: absolute;top: 50px;
        left: 225px;
        width: 650px;
        border: 10px solid black;
        border-collapse: collapse;
        padding: 5px;              
    }
    th {
    font-family: sans-serif;
    font-size: 24px;
    text-align: left;
    color: #f2f2f2;
    background-color: black;
    }       
    .positionImage {
                position: absolute;
                top: 50px;
                left: 140px;
                border: 10px solid black;
                }
    h2 {
    text-align: center;
    position: absolute;
    top: 160px;
    left: 300px;
    }
    #1p {
    position: absolute;
    top: 200px;
    left: 175px;
    font-size: 18px;
    }

＆＃13;

    <img src="Pen_MLA.jpg" class="positionImage">
    <table>
    <th colspan="2">The Writing Center at Bristol Community College</th>
    <tr> 
        <td><b>Building B - Room 117</b></td>
        <td><b><i>E-mail: writing.center@bristolcc.edu</i></b></td>    
    </tr>
    <tr>
        <td><b>508-678- 2811 X2544<b></td>
        <td><b><i>Website: www.bristolcc.edu/writingcenter</i></b></td>
    </tr>
    </table>
    <h2>Quoting and Citing Poetry (MLA)</h2>

    <p id="1p">(Material is drawn from the <u>MLA Handbook for Writers of       
    Research Papers</u>, 6th Edition.)</p>

＆＃13;

Answer 1

CSS ID selector包含：

“数字符号”（U + 0023，＃）后面紧跟着ID值，该值必须是CSS标识符。

identifier：

无法以数字
开头

如果您想表示以数字开头的ID，则必须：

使用转义序列：#\31p {}
使用属性选择器（警告：这会更改特异性）：[id="1p"]
更改HTML ID

Answer 2

HTML ID不能以数字开头。如果您使用p1而不是1p，则您的网站样式很好。

您可以阅读有关此内容的更多信息，以及可能的解决方法（如果您真的需要here，则可以使用[id='1p']。

无法在CSS中使用类或ID

2 个答案: