当前将-20%放置在图像上的规则本身已经在媒体查询中了。也许它根本不应该在一个?尝试移动整个div.mostasconto公司
规则设置为的外部@仅媒体屏幕和(最小宽度:769px)
媒体查询。
螺纹起动器
萨科尼
(@sacconi)
你的意思是设置以下内容?但这行不通
@仅媒体屏幕和(最小宽度:769px){div.mostrasconto{位置:绝对;顶部:10倍;左:10px;宽度:87px;高度:45px;字体大小:30px;font-weight:粗体;颜色:#F3F5CE;背景色:rgba(180180180,0.6);border-top-left-radius:10px;}}
不,更像是
@仅媒体屏幕和(最小宽度:769px){/*这里还有其他无关的CSS吗*/}div.mostasconto公司{位置:绝对;顶部:10倍;左:10px;宽度:87px;高度:45px;字体大小:30px;font-weight:粗体;颜色:#F3F5CE;背景色:rgba(180180180,0.6);border-top-left-radius:10px;}
div.mostrasconto样式需要始终应用于所有宽度,而不仅仅是>769px
螺纹起动器
萨科尼
(@sacconi)
我尝试了以下操作,但没有成功:
/***斯科托·苏勒·福托*/@仅媒体屏幕和(最小宽度:769px){目录图像01{位置:相对;}}div.mostasconto公司{位置:绝对;顶部:10倍;左:10px;宽度:87px;高度:45px;字体大小:30px;font-weight:粗体;颜色:#F3F5CE;背景色:rgba(180180180,0.6);border-top-left-radius:10px;}.single-post div.mostrasconto{display:无;}
好的,这已经超出了媒体的查询范围,但仍在另一个查询范围内。您有嵌套的媒体查询。你不需要1212行的那个,因为1174行还有一个。(我的浏览器中页面HTML源代码视图中的行号,不知道它在Additional CSS中的实际来源)由于适用的媒体查询CSS代码没有缩进,很难判断媒体查询的结束位置,但div.mostrasconto规则需要在它之外。如果有疑问,把它一直移到底部。
螺纹起动器
萨科尼
(@sacconi)
从现在起,我必须管理两个职位的折扣,我更新了上述代码,它的工作!现在,我可以根据我脑海中的正确逻辑显示“作者折扣”或“后期折扣”。
<div class=“imagen01”><?php sacconicase_post_thumbnail();$discount=trim(get_the_author_meta('discount',$post->post_author));$discount_post=修剪(get_post_meta($post->ID,'function_sconto',true));if(!空($discount)){如果(!empty($discount_post)){echo'<div class=“mostrasconto”>';echo“-”$discount_post,“%”;echo“</div>”;}elseif(空($discount_post)){echo'<div class=“mostrasconto”>';echo“-”$折扣,“%”;echo“</div>”;}}elseIf(!空($discount_post)){echo'<div class=“mostrasconto”>';echo“-”$discount_post,“%”;echo“</div>”;}?></div>
也许最后的边界是只有在有价格的情况下才显示%的折扣,但目前已经很好了
这是个好消息!当我一直在编码的一个功能最终按我想要的方式工作时,我总是感到很有成就感。希望你也一样。