Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.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 - Fatal编程技术网

将类添加到所有HTML段落

将类添加到所有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

我从零开始学习HTML,我没有CSS或任何web开发语言的背景,在教程中他们发布了以下练习:

将“intro”类添加到所有
元素中

然后我必须更改以下代码:

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