html - 默认的 css 空选择器?

标签 html css

我正在寻找可以为文本提供 id 的 CSS 标记。我希望能够使用 javascript 修改文本,所以我需要类似的东西:

<texttag id="the_id">the text</texttag>

我尝试过的所有其他标签都会以某种方式影响格式。例如,它会用在一个句子中,例如:

You live in <texttag id="town_id">Newmarket</texttag>.  Thats a nice town.

它会显示为:

您住在纽马克特。那是个不错的小镇。

但我可以使用 id town_id 修改 Newmarket ..

明白我的意思了吗?如果我使用 <p> or <div>文字换行..

最佳答案

<span> HTML 标签显示为 inline并且没有附加的表象或语义含义。您可以使用 CSS 应用您喜欢的任何样式或使用脚本来修改元素的内容。

This sentence has <span id="whatever">text</span>.

改变内容:

docuent.getElementById('whatever').innerHTML('changed text');

设置特定元素的样式:

#whatever { font-weight:bold; }

此外,您可能想阅读有关 the difference between block and inline elements 的内容. (还有一个 expanded explanation here。)(<p><div> 是 block ;<span> 是内联的。)

关于html - 默认的 css 空选择器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3339712/

相关文章:

html - 鼠标指针悬停在 TinyMCE 中不可编辑的元素上

html - Bootstrap 3 缩放文本

javascript - 使用单个 Controller 控制多个 html5 音轨

html - Google Chrome 中的默认文本对齐方式

css - 在 Twitter Bootstrap 中调整元素大小

javascript - 如何使 div 仅在 jQuery 中单击特定元素时出现?

php - jQuery ajax 在每个函数中发布,每个函数都成功继续

html - 编译错误: oncommand and CommandArgument in LinkButton

css - 垂直对齐父 div 中的元素

css - 调整 Canvas 大小 onclick 按钮