Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 第一个粗体字_Html_Css_Css Selectors - Fatal编程技术网

Html 第一个粗体字

Html 第一个粗体字,html,css,css-selectors,Html,Css,Css Selectors,我如何使用CSS选择器加粗句子的第一个单词,这在浏览器可比性方面是一个好方法还是坏方法 代码: 这是一个句子 thx没有::CSS中的第一个单词伪元素;您必须将第一个单词包装在一个额外的元素中,然后选择该元素。使用Span class 因此,创建一个名为bold的类,并将类中的第一个单词包装起来 .bold { font-weight:bold; } 然后 棕色狐狸 我已将单词放在第一个之间只需将第一个单词放在强标记中即可 <h1><strong>This</s

我如何使用CSS选择器加粗句子的第一个单词,这在浏览器可比性方面是一个好方法还是坏方法

代码:

这是一个句子

thx没有
::CSS中的第一个单词
伪元素;您必须将第一个单词包装在一个额外的元素中,然后选择该元素。

使用Span class

因此,创建一个名为bold的类,并将类中的第一个单词包装起来

.bold {
font-weight:bold;
}
然后

棕色狐狸
我已将单词放在
第一个之间
只需将第一个单词放在强标记中即可

<h1><strong>This</strong> is how you do it simply.</h1>
这就是你做这件事的简单方法。

以下是当前CSS选择器现在允许的

因此,我改变了第一行的加粗方法

HTML

<h2>this<br> is a sentence</h2>

“bold”等类名在HTML中嵌入表示信息,这通常不是很好。如果有一天,我们决定第一个单词应该是斜体,而不是粗体,那会怎么样?FFA这只是为了解释,也可以叫Eric。HTML中没有“西班牙语”元素。@Beejamin这种技术仍然是正确的。在类中添加一个span,使一个单词成为不同的样式我不同意这是一个很好的技术示例-您选择的类名很重要。”Eric“没有任何意义,也没有告诉任何看标记的人为什么有跨度。”Bold“告诉您开发人员试图做什么,但不告诉您为什么。”“firstWord”更好——因为它解释了元素在标记中的作用。我选择(第一个单词)。它是正确的,只有:第一个字母。但是可以使用javascript实现这一点,例如jQuery
$('h2')。每个(函数(){var$p=$(this);$p.html($p.html().replace(/^(\w+/,'$1);)不确定您所指的浏览器兼容性。该标记有点被回避。你应该使用css或这并不是说它被“回避”,而是在有语义强调的地方使用strong标记,而b标记纯粹是印刷。有趣的是,这种被否决的解决方案有时可能比使用更有意义,因为我认为在某些句子中,总是将第一个单词加粗,这将是一个排版决定/设计决定,实际上并不意味着这些词具有真正的语义重点。MayorMonty、Forest、Vicenterrera和其他感兴趣的人:有一种简单的方法来解释和之间的区别。只要问一个问题“为什么标签?”你就会得到答案,与本文的其余部分相比,这个标签的内容需要以一种强烈的方式强调。这是一个你不必问标签的问题。因此,当这个问题显得多余时,您的回答是正确的;)
<h1><strong>This</strong> is how you do it simply.</h1>
<h2>this<br> is a sentence</h2>
h2::first-line{
   font-weight: bold;
}