css - 不能在 CSS 中使用类或 id

Question

我正在尝试使用类和/或 ID 来设置段落和其他元素的样式。我以前成功地使用过它们，但在此页面上，唯一有效的 id 是用于设置图像样式的。但是，如果我将标签用于段落，则样式在 CSS 中有效。我希望 CSS 中的 id“#1p”允许我设置相应段落的样式。现在这个 id 就好像它不存在一样。下面是我的代码:

     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;
    } 
    

    <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>

Answer 1

CSS ID selector包括:

a "number sign" (U+0023, #) immediately followed by the ID value, which must be an CSS identifiers.

安identifier :

cannot start with a digit

如果你想表示一个以数字开头的 ID，那么你必须:

• 使用转义序列:#\31p {}
• 使用属性选择器(警告:这会改变特性):[id="1p"]
• 更改 HTML ID