例如，我是否可以將所有<p>元素包裝在<b>標簽中，以便<p>Hello</p>將其呈現為<b><p>Hello</p></b>?
我嘗試使用::before并::after喜歡這樣：
p::before {
content: "<b>";
}
p::after {
content: "</b>";
}
但是標簽被轉義了。有沒有辦法做到這一點？
uj5u.com熱心網友回復：
不，這將是對 CSS 的濫用。CSS 不是為了改變標記而設計的，而是用樣式來增強它。如果你能按照你的建議去做，我們開發者都會活在地獄里。你有一些選擇：
選項1
- 將要加粗的內容包裝在容器中
- 給那個容器一個類
- 撰寫一個 CSS 類以使該容器的內容加粗
例如原始 HTML
<html>
<h1>My content<h1>
</html>
新的 HTML
<html>
<section class="bold">
<h1>My content<h1>
</section>
</html>
<style>
.bold {
font-weight: bold
}
</style>
選項 2
- 如果您無法更改標記
- 找到將選擇您想要的內容的選擇器
- 撰寫一個 CSS 類以使該容器的內容加粗
<html>
<h1>My content<h1>
</html>
<style>
h1:first-of-type {
font-weight: bold
}
</style>
請注意:first-of-type特異性選擇器的示例。
uj5u.com熱心網友回復：
您可以簡單地使用該font-weight屬性。CSS 無法添加這樣的標簽。
例子：
p {
font-weight: bold;
}
檔案在這里。
uj5u.com熱心網友回復：
你不能： p::after 在每個內容之后插入一些東西
元素
p::before 在每個內容之前插入一些東西
元素
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/411133.html
標籤：
上一篇：底部div不居中，因為上面的div占用了更多空間。如何讓底部div居中？
下一篇：Flexbox媒體查詢問題