仅针对Wordpress站点的一个页面的目标CSS伪选择器
目标CSS伪选择器是一种用于选择特定元素的CSS选择器。对于仅针对WordPress站点的一个页面的目标CSS伪选择器，可以使用以下伪选择器：
- :target 伪选择器：用于选择当前页面中被锚点链接指向的元素。通过在链接中设置锚点，并在目标元素中添加相应的id，可以使用:target伪选择器来选择该目标元素。例如，如果在页面中有一个锚点链接
<a href="#section1">Section 1</a>，并且有一个对应的目标元素<div id="section1">...</div>，可以使用:target伪选择器来选择该目标元素的样式。
示例代码：
#section1:target {
/* 目标元素的样式 */
color: red;
}优势：
- 简单易用，只需在目标元素中添加id，并在锚点链接中指向该id即可。
- 可以通过CSS样式来改变目标元素的外观，增强用户体验。
应用场景：
- 在单页应用中，通过锚点链接实现页面内导航，并通过目标CSS伪选择器来突出显示当前所在的部分。
- 在网页中实现跳转到特定位置，并通过目标CSS伪选择器来改变目标元素的样式。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云CDN加速：https://cloud.tencent.com/product/cdn
- 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
- 腾讯云域名注册：https://cloud.tencent.com/product/domain
- 腾讯云云解析（DNSPod）：https://cloud.tencent.com/product/cns
- 腾讯云SSL证书：https://cloud.tencent.com/product/ssl
- 腾讯云云安全中心：https://cloud.tencent.com/product/ssc
- 腾讯云云监控（Cloud Monitor）：https://cloud.tencent.com/product/monitor
- 腾讯云云审计（Cloud Audit）：https://cloud.tencent.com/product/ca
- 腾讯云云防火墙（Cloud Firewall）：https://cloud.tencent.com/product/cfw
- 腾讯云云镜像服务（Cloud Image）：https://cloud.tencent.com/product/cis
- 腾讯云云安全中心（Cloud Security Center）：https://cloud.tencent.com/product/ssc
- 腾讯云云堡垒机（Cloud Bastion）：https://cloud.tencent.com/product/cbm
- 腾讯云云安全服务（Cloud Security）：https://cloud.tencent.com/product/yas
- 腾讯云云加密机（Cloud HSM）：https://cloud.tencent.com/product/hsm
- 腾讯云云防DDoS（Cloud DDoS）：https://cloud.tencent.com/product/ddos
- 腾讯云云防Web应用防火墙（Cloud WAF）：https://cloud.tencent.com/product/waf
- 腾讯云云防Bot管理（Cloud Bot）：https://cloud.tencent.com/product/bot
- 腾讯云云防DDoS高防IP（Cloud DDoS Pro）：https://cloud.tencent.com/product/ddos-pro
- 腾讯云云防DDoS高防IP专业版（Cloud DDoS Pro Advanced）：https://cloud.tencent.com/product/ddos-pro-advanced
- 腾讯云云防DDoS高防IP企业版（Cloud DDoS Pro Enterprise）：https://cloud.tencent.com/product/ddos-pro-enterprise
- 腾讯云云防DDoS高防IP旗舰版（Cloud DDoS Pro Ultimate）：https://cloud.tencent.com/product/ddos-pro-ultimate
相关·内容
这很有效，但不幸的是，它适用于全球。我想将css应用于特定的页面ID (75)。如果我通过块编辑器中的高级选项卡添加一个类，它将断开，没有列表图标。
浏览 2提问于2020-06-08得票数 2
回答已采纳
2回答
我找到了很酷的css来创建lightbox。它使用:目标显示照明盒div。我尝试了代码笔，它工作良好，但在我的网站上，它没有显示任何东西。我无法在代码中找到阻止它显示的其他内容。d2d00szk9na1qq.cloudfront.net/Product/2c6b113d-e972-42cc-a2de-f5dcf1c82e95/Images/Large_0297791.jpg">CSS90%;
浏览 1提问于2016-06-27得票数 2
回答已采纳
我正在尝试仅当后面跟着<dd>时才以<dt>为目标。我知道有一个前面的选择器，但是我找不到一个针对<dt>的CSS方法。我知道使用JavaScript可以做到这一点，但如果可能的话，我更愿意把它保留在CSS选择器中。
这不一定要在IE6或更低版本中运行。
浏览 0提问于2010-09-16得票数 1
1回答
如何在当前页的母版页中定义的容器(<form>)元素上应用css样式？我需要在母版页中定义<form>元素，因为母版页包含导航栏的几个服务器和客户端控件。现在，在我的子页面(或任何被调用的)中，我需要将样式应用到仅针对这个子页面的<form>元素。有可能是通过css选择器还是什么<
浏览 4提问于2014-05-19得票数 0
回答已采纳
2回答
有什么简单的方法可以从我的元素中删除任何样式，应用于“通用”选择器吗？
我的意思是section，p，div，button .基本上，它的目标不是基于类或ID的元素，而是基于实际元素本身。问题是，我在用户的网站上输出了一些HTML和CSS，但我无法控制加载在同一页面上的样式表。问题是当用户的样式表或自定义CSS以基本的通用HTML元素(如sect
浏览 6提问于2020-01-21得票数 2
2回答
我想删除/隐藏加载到页面上的一段文本。假设文本是：“删除这一行文本”。这样做的想法是，在加载页面之后，它会删除该行。有没有人？
浏览 2提问于2016-05-09得票数 1
3回答
这是如何以及为什么工作的？
、、、、
这个来自印度的家伙Motyar来自网站：展示了一个非常好的纯css方法来隐藏和显示div。然而，我似乎不能理解它。这是代码，请解释给我，一个新手。HTML (不是我的代码)： Hi!!<br />
浏览 0提问于2013-01-16得票数 4
回答已采纳
2回答
最近，我转向了SASS来编写我的CSS。我用Wordpress建立网站。我开发了一种CSS写作方法，我认为这是一种通过特定的Wordpress“页面”来组织CSS的聪明方法。我的方法是：
1)通过一些php魔术，我在body标记中为每个新Wordpress "page“提供了一个独特的类。因此，如果我的站点有4页，那么
浏览 3提问于2014-03-20得票数 0
回答已采纳
2回答
逻辑与CSS3
、、
我这里有个很有趣的问题。<div class='redLink'></div> color:green; }
但是，操作数,只是一个</em
浏览 5提问于2013-11-19得票数 6
回答已采纳
1回答
我正在编辑'Bizz‘组合Wordpress主题(http://www.wpexplorer.com/bizz-wordpress-theme)。它包括用于管理组合示例的自定义帖子类型、主页上的亮点等。
我想用不同的颜色显示在每个“高光”标题后面的背景色，但是由于它们是动态的，所以我不知道该如何针对每个h2。最好是通过php将一个独特的类附加到三个标题中的每<
浏览 0提问于2012-04-03得票数 2
回答已采纳
<div style="background-color: blue;">This is a div</div></html>
浏览 1提问于2018-04-17得票数 3
回答已采纳
我的Wordpress视图中的一个片段： <ul id="menu-main-navigation">
<li id="menu-item-646" classclass="menu-item menu-item-661"><a href="#">SUB MENU ITEM</a></li>
浏览 1提问于2014-04-07得票数 0
我正在试图找到具有：：标记的li元素，如下面使用BeautifulSoup所看到的那样。
lis = soup_obj.find_all("li") if li (has :: marker): # This is what I would liketo do 提前谢谢你的帮助。
浏览 16提问于2021-12-23得票数 2
我正在读"CSS深度“一书，第三章，现在我遇到了一个问题，就是CSS代码在这里：::before, box-sizing: border-box;在我读过的书中，它说这些选择器将针对页面上的所有元素和每个伪元素然后，我发现在“：：前面”和"::after“之前没有选择器，而在MDN ()中，有这样的假设：
只能在选择器中使用伪</e
浏览 1提问于2021-09-11得票数 1
回答已采纳
3回答
正如你所看到的是一个滚动网站，但我不能突出它通过CSS。我想强调当链接是活跃的。我试过这个：#dslc-module-84 .dslc-navigation .menu > li > a:active { border-bottom: 1px solid #3da22b
浏览 23提问于2016-06-02得票数 0
回答已采纳
1回答
有什么好的永久修复方法吗？或者，我如何定位IE用户，并给它额外的左边距？(看起来很丑陋，有什么真正的解决办法吗？)
非常感谢，詹姆斯
浏览 7提问于2011-02-24得票数 2
回答已采纳
3回答
我仍在努力弄清楚如何正确使用我的nth、first和last子选择器。谢谢你的耐心。如果我的标记是这样的： <table class="the-table"> </table>如何选择最后一个<table class="
浏览 5提问于2013-08-19得票数 3
回答已采纳
是否可以使用PHP函数来仅针对页面中的选择str_replace() (例如，通过ID或类进行标识)？情况:我正在使用下面的str_replace()函数来转换我的Wordpress帖子编辑器中的所有复选框-类别元，以使用单选按钮，这样我的站点的作者只能在一个类别中发表帖子。下面的代码是有效的(在WP3.5.1上)，但它替换了同一页面上其他复选框
浏览 0提问于2013-02-11得票数 0
3回答
两天来，我一直没有意识到我要实现的目标，那就是用CSS来定位wordpress菜单中的某些类元素。对我来说，这通常很简单，但有一些(通常是很小的)事情正在让我战斗。我需要将菜单项文本后面的小背景图像应用到"active“或"current”菜单项。但这必须仅适用于父菜单项(不在任何子菜单项/子菜单下拉项上)。应用背景图像很好，所以这不是问题所在。它只针对父项目，这就是问题所在。important;}
(我
浏览 0提问于2017-03-24得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
