将类添加到所有HTML段落
我从零开始学习HTML,我没有CSS或任何web开发语言的背景,在教程中他们发布了以下练习: 将“intro”类添加到所有将类添加到所有HTML段落,html,css,Html,Css,我从零开始学习HTML,我没有CSS或任何web开发语言的背景,在教程中他们发布了以下练习: 将“intro”类添加到所有元素中 然后我必须更改以下代码: <!DOCTYPE html> <html> <head> <style> p.intro { background-color:black; color:white; border:1px solid grey; padding:10px; margin
元素中
然后我必须更改以下代码:
<!DOCTYPE html>
<html>
<head>
<style>
p.intro {
background-color:black;
color:white;
border:1px solid grey;
padding:10px;
margin:30px;
font-size:150%;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
</body>
</html>
p、 介绍{
背景色:黑色;
颜色:白色;
边框:1px纯灰;
填充:10px;
利润率:30像素;
字体大小:150%;
}
这是一个标题
这是一段
这是一段
这是一段
为了解决这个问题,我在每个段落中都添加了类,但这看起来效率很低。是否有一种方法允许我将类添加到所有段落中?code>p.intro选择包含类intro的所有段落。例如:
。要将类应用于所有段落,而不必将类添加到每个段落,请将选择器更改为p
例:
试试这个
p{
background-color:black;
color:white;
border:1px solid grey;
padding:10px;
margin:30px;
font-size:150%;
}
您可以在jQuery中执行此操作。 $(“p”).addClass(“简介”);
但您需要下载jquery文件才能使用此功能和其他jquery功能。取决于您的编辑器或操作系统。在Windows编辑器中,通常ctrl+H将打开“搜索和替换”对话框。将作为搜索和替换。在Linux/Mac中,可以使用sed-我的意思是就地(而不是使用新文件)。s/…部分是许多基于Linux的程序中常见的标准替换调用,它表示查找空标记,并将其替换为具有class=“intro”部分的标记
sed-i''s/\//g'yourFile.html
如何做的列表与编辑器列表一样大。的确是的,JavaScript,但是@j08691提供了一个有效的解决方案,您可以使用标记名。哪个教程?这将有助于了解你到底被要求做什么。如果要求您在运行时添加类并使用jQuery之类的库,则只需调用$('p').addClass('intro');但是如果你被要求添加class=“intro”,你可以在编辑器中使用字符串替换。这是普通的css。最简单的解决方案通常是最好的。@Steve问题就在这里,我所要做的就是将类添加到段落中。该教程来自w3schools。comHe正在寻找一种更好的方法,将类添加到所有段落中,而无需手动操作。准确地说,但从给出的答案来看,我想没有办法添加它,而且这样做更有意义,对吗?@JoaoAmaral唯一的方法是通过JavaScript(不必要),正如我上面所做的,或者手动将类添加到每个段落中。好的,这回答了问题:)事实上,根据我所知,将特定类添加到所有段落中是非常无用的,到目前为止,这非常少,谢谢@j08691!这并没有回答如何更好地将类添加到所有段落的问题。是的,这解决了有关输出页面的问题,但没有回答问题,是否有方法将类添加到所有段落?经过一些思考,我想这是有点无用的,除非你可以覆盖一个“默认”类。或者你可以使用纯javascript,而不下载任何东西。我的意思是只使用html和css,将类添加到所有段落中。我认为,只使用纯html代码,你只能手动为每个“p”标记键入类名
p{
background-color:black;
color:white;
border:1px solid grey;
padding:10px;
margin:30px;
font-size:150%;
}
sed -i '' 's/\<p\>/<p class="intro">/g' yourFile.html