gpt4 book ai didi

html - 如何使用内部样式表将 2 类选择器放在一个段落中

转载 作者:太空宇宙 更新时间:2023-11-04 04:14:29 24 4
gpt4 key购买 nike

这两行在一个段落中。职位名称为粗体,字体为 Arial。颜色是#B22222。公司是斜体,Arial Narrow,颜色是#00008B。

我不知道如何将 3 类选择器放在一个段落中。

<!DOCTYPE html>
<head>

<title>Job Vacancy</title>
</head>

<style type="text/css">
.h1 {
color:#ffffff;
background-color:#20B2AA;
text-align:center;
}

.p{
font-type:arial;
color:#B22222;
weight:bold;
}

p.p{
weight:italic;
font-type:arial narrow;
color:#00008B;
}

pp.p{
color:#000000;
font-type:arial narrow;
}
</style>
<body>

<h1 class="h1">JOBS DATABASE</h1>
<h2><u>Job Listings</h2></u>
<p class="p">PHP Programmer<br/>OrangePro Solutions Sdn.Bhd.-- Midvalley, Kuala Lumpur</p> <!--should I put another class="p.p" in between <br/> and OrangePro?>

</body>
</html>

最佳答案

对于这种情况,我通常使用跨度。

 <p class="p"><span class="job_title">PHP Programmer</span>
<br/>OrangePro Solutions Sdn.Bhd.-- Midvalley, Kuala Lumpur</p>

CSS

 span.job_title {
color: orange; //or whatever
}

但是既然你有一个换行符,你可以分成两段不同的类。

 <p class="job_title">PHP Programmer</p>
<p class="company_name">OrangePro Solutions Sdn.Bhd.-- Midvalley, Kuala Lumpur</p>

CSS:

 p.job_title {
font-weight: bold; //etc..
}

p.company_name {
color: #B22222;
}

关于html - 如何使用内部样式表将 2 类选择器放在一个段落中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20196810/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com