利用嵌入的類別在HTML中呈現不同的文本的方法
P粉418214279
2023-09-02 10:34:50
<p>我想根據程式碼嵌入的類別/分類來顯示不同的文本,即當類別是.category-rabbitmq時。 </p>
<p>當類別是.category-rabbitmq時,這可以改變背景。 </p>
<pre class="brush:php;toolbar:false;"><style>
.category-rabbitmq
{
background-image: url('https://www.nastel.com/wp-content/uploads/2022/04/nastel_navigator_xpress.png') !important;
background-size: cover;
}
</style>
<themainbody>閱讀更多</themainbody><br></pre>
<p>這總是顯示一個變數。 </p>
<pre class="brush:php;toolbar:false;"><style>
themainbody::after {
content: " RabbitMQ";
}
</style>
<themainbody>閱讀更多</themainbody><br></pre>
<p>然而,這在僅在設定類別時顯示變數時不起作用:</p>
<pre class="brush:php;toolbar:false;"><style>
.category-rabbitmq
{
themainbody::after {
content: " RabbitMQ";
}
</style>
<themainbody>閱讀更多</themainbody><br></pre>
<p>你能幫忙嗎? </p>
在CSS中無法嵌套規則(在SCSS中可以)。有一個允許在CSS中嵌套的首個公開工作草案,所以也許將來你會能夠。
所以你需要做像這樣的事情:
我不確定
#.category-rabbitmq
元素相對於themainbody
有多少等級。如果你知道themainbody
是.category-rabbitmq
的直接子元素,那麼你可以更具體地使用子組合器並進行最佳化:>
請參閱CSS後代組合器和CSS子組合器。