如何在Wordpress css中创建包含项目符号和粗体文本的文本框

Question

我尝试在Wordpress帖子中编辑文本编辑器代码 俄亥俄州学习标准 高中美国历史

• 主题：历史思维与技巧，内容陈述4
• 主题：工业化与进步主义(1877-1920(，内容 报表12和13

我尝试编辑外部 CSS，但每次我使文本加粗或创建项目符号时，它都会破坏代码。

外部CSS(在WordPress主题内(

.textbox {padding:2px 6px 4px 6px; color: #555555; 
background-color: #eeeeee; 
border: #dddddd 2px solid
}

文本编辑器俄亥俄州学习标准 高中美国历史

• 主题：历史思维与技巧，内容陈述4
• 主题：工业化与进步主义(1877-1920(，内容 报表12和13
• 主题：繁荣、萧条和新政(1919-1941(，内容 报表17、18和19
• 主题：美国的社会转型(1945-1994(，内容 报表28和30

 

<strong>High School American Government</strong>
<ul>
<li>Topic: Role of the People, Content Statement 17</li>
</ul></p>

Answer 1

你写道："我尝试编辑外部 CSS，但每次我使文本加粗或创建项目符号时，它都会破坏代码。

如果您的意思是您已向此规则添加了属性。

.textbox {padding:2px 6px 4px 6px; color: #555555; 
background-color: #eeeeee; 
border: #dddddd 2px solid
}

...，当您添加其他行时，您可能忘记用分号关闭border设置：

.textbox {padding:2px 6px 4px 6px; color: #555555; 
background-color: #eeeeee; 
border: #dddddd 2px solid;
font-weight: bold;
}

此外，该类.textbox不会在您发布的 HTML 代码中的任何位置使用(？