CSS :target 选择器

最新推荐文章于 2024-06-13 21:20:19 发布
最新推荐文章于 2024-06-13 21:20:19 发布
阅读量1.5k 收藏 1
点赞数
分类专栏： HTML css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lengqingIT/article/details/88911029
版权
HTML 同时被 2 个专栏收录
41 篇文章 0 订阅
订阅专栏
css
41 篇文章 0 订阅
订阅专栏

HTML 用法

<body>

<h1>＃ 锚的名称是在一个文件中链接到某个元素的URL。元素被链接到目标元素</h1>

<p><a href="#news1">www.semi-warm.com</a></p>
<p><a href="#news2">www.semi-warm.com</a></p>



<p id="news1"><b>半暖茶港</b></p>
<p id="news2"><b>半暖茶港</b></p>

</body>

CSS 用法

:target
{
	border: 2px solid #D4D4D4;
	background-color: #e5eecc;
}
り゛宿҈命҈ゞ �
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
实战 target 选择器，解放生产力
专注于图像领域，主要研究内容包括计算机视觉和深度学习，特别是在图像分类、目标检测和图像生成等方面有深入的研究和实践经验。
09-15 8154
创作不易 拒绝白嫖 点个赞呗 关注专栏 学透CSS,带你走进CSS的深处！！！ 前言 在正式学习:target 之前，我们先来学习一下网页开发中的锚点。 下面是百度百科的介绍： 古代的锚是一块大石头，或是装满石头的篓筐，称为”碇“。碇石用绳系住沉入水底，依其重量使船停泊。后来有木爪石锚，即在石块两旁系上木爪，靠重量和抓力使船停泊。中国南朝已有关于金属锚的记载。中国古代帆船使用四爪铁锚，这种锚性能优良，在舢板和小船上仍有使用。 当你想乘船的时候，船在湖上飘着，无法登船，此时锚的作用就发挥出来了，只要.
关于target的运用
WangJiangNan17214的博客
03-20 485
&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt;&lt;title&gt;结构性伪类选择器—target&lt;/title&gt;&lt;style type="text/css"&gt; #brand:target p {   background: o
css中a标签中的traget属性
TDXJY2260的博客
10-24 1068
我在很多官网里面看到超链接里面都会使用到target="_blank”这个属性，这意味着点击超链接就会在一个新的窗口打开被链接的网页，不只是官网，很多开发人员都会用到这个target="_blank”属性，对此我很好奇，所以我查阅了一些资料去了解这样做的好处，以及优点。 优点：在开发者的角度思考，打开一个新窗口，就意味着脱离原本的网页框架，这样新的窗口中的网页就是一个独立个体，不应因为原本窗口的设置或者安全问题，影响到新窗口的网页。 对于用户而言，原本窗口的操作或者设置，不会随着打开新的链接而消失。
什么是CSS的:target选择器
最新发布
ggq53219的博客
06-13 356
选择器只影响URL中当前的目标元素。如果用户刷新页面或者导航到另一个页面，然后再回来，之前的选中状态将不会保留，除非使用JavaScript或其他技术来保持状态。选择器用于选择当前活动的目标元素。当页面上的一个链接被点击，并且该链接指向一个页面内的元素（通过ID）时，被链接的元素就会成为目标元素，此时。这种选择器常常与页面内的导航（如Tab导航、折叠面板等）和“返回顶部”功能一起使用。下面是一个简单的例子，展示了如何使用。的元素）就会被选中，并且。，从而显示该元素的内容。在这个例子中，所有的。
css target怎么用
xiaowu2022的博客
12-29 986
css target是指“:target”选择器，可用于选取当前活动的目标元素，其使用语法如“#tab:target {color:blue}”，该语句表示改变锚链接指向“#tab”的元素字体颜色为蓝色。 本教程操作环境：windows7系统、css3版，该方法适用于所有品牌电脑。 推荐：《css视频教程》 css :target选择器 URL 带有后面跟有锚名称 #，指向文档内某个具体的元素。这个被链接的元素就是目标元素(target element)。 :target 选择器可用于选取当前活动的目标元素
CSS3新增选择器 第二部分 （:checked 选择器 :target 选择器 :disabled 选择器 :enabled 选择器）
weixin_72303943的博客
07-19 315
CSS3新增选择器 第二部分 （:checked 选择器 :target 选择器 :disabled 选择器 :enabled 选择器）
css控制a标签的target
doublesmile的专栏
06-22 1250
<br />今天在网站二次开发时发一个问题就是把网页所有的a标签的target=_blank全部去了,用css 控制.想了很多办法都没实现,上网查了一下发现有三种方法第一种就是用css第二是用js控制,但是要给a标签加external,不过js这种我觉得还 是没有减轻文件的大小和加target没什么区别了,所以我不喜欢这种,好了,下面来看看这几种吧:<br />第一种:<br /><br /> ***.css <br /> a.toblank{ <br />     target:expressi
：target 点击选择
qq_32539519的博客
07-06 928
p:target{    background: red;    }&lt;p id="111"&gt;sadadas&lt;/p&gt;&lt;p id="222"&gt;22222&lt;/p&gt;&lt;a href="#111"&gt;123&lt;/a&gt;&lt;a href="#222"&gt;
CSS3 选择器target
zjsfdx的博客
02-18 346
<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style> /* target */ :target{ background-color:orange; } </style> </head><body> <a href="#a1">菜单1</a>| <a
css3之target选择器
hhlljj0828的博客
06-17 710
html> html lang="en"> head> meta charset="UTF-8"> title>Titletitle> style> *{ margin: 0; padding: 0; list-style: none; box-sizing: b
CSS3---结构性伪类选择器—target
diyinjiao1404的博客
05-04 537
结构性伪类选择器—target :target选择器称为目标选择器，用来匹配文档(页面)的url的某个标志符的目标元素。我们先来上个例子，然后再做分析。 示例展示 点击链接显示隐藏的段落。 HTML代码： <h2><a href="#brand">Brand</a></h2> <div class="menuSection...
css3选择器、颜色、文本、盒模型、私有化前缀
weixin_43750162的博客
02-13 226
选择器 属性选择器 其特点是通过属性来选择元素，具体有以下 5 种形式： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt;
前端学习第二弹：target属性
想不出一个好的标题，就用这个吧
10-05 7687
今天被标签的target属性着实打击了一把，怪我想太多，没有从局部钻出来~~~        之前用的基本上就是那四个常见属性_blank，_self，_parent以及_top，关于这四大金刚大家应该都比较熟悉，_blank表示在新窗口打开被链接的文档；_self表示在相同的框架中打开被链接文档，这也是默认值；_parent表示在父框架打开被链接文档；_top表示在整个窗口中打开被链接文档。平
<base target="_self">
JavaException的专栏
05-15 2391
做jsp请求后台，想将后台的错误信息返回到前台当前页面显示，再没有加入此标签前一直返回一个新页面 加入后，返回当前页面   在HTML中target目标的四个参数的用法： 1、target="_self"表示：将链接的画面内容，显示在目前的视窗中。(内定值) 。 即：同窗口打开。 2、target="_parent"表示：将链接的画面内容，当成文件的上一个画面。即：当前窗口打开。 3、
详解JDK 5 Annotation 注解之@Target的用法介绍
心有猛虎,细嗅蔷薇
07-04 9576
前言 目前，越来越多的架构设计在使用注解，例如spring3.0、struts2等框架。让我们先来看看注解的定义。如下是一段使用了JDK 5 Annotation @Target的代码： ? 1 2 3 4 5 6 7 8 @Target({ElementType.METHOD})
html5 target伪类
qq_37207090的博客
08-02 522
target的使用:a标签选中
weixin_44234050的博客
01-17 1638
a标签问题： a标签点击之后会回到页面顶端，造成极大的不方便。因此使用js中的——href=“javascript：（0）”即可使页面不跳回页面顶端； target的使用： target： URL（href的指向） 带有后面跟有锚名称 #，指向文档内某个具体的元素。这个被链接的元素就是目标元素(target element)。 :target 选择器可用于选取当前活动的目标元素。 代码 <!...
伪类选择器之目标伪类 :target 手风琴菜单实例
bing_JavaScript的博客
08-09 894
手风琴                 .accordionMenu{             background:#fff;             color: #424242;             font: 12px Arial, Verdana, sans-serif;             margin: 0 auto;             paddin
CSS3选择器（选择符）
热门推荐
浪神无敌
08-27 1万+
CSS3选择器分类 本文列举常用的几种选择器 一、层级选择器 E&amp;amp;gt;F 子选择器 选择匹配的F元素，且匹配的F元素所匹配的E元素的子元素 HTML代码： &amp;amp;lt;div&amp;amp;gt; &amp;amp;lt;h3&amp;amp;gt;我是标题&amp;amp;lt;/h3&amp;amp;gt; &amp;amp;lt;p&amp;amp;gt;我第
css 合并选择器：
08-11
CSS合并选择器是一种将多个选择器组合在一起以应用相同的样式的方法。这样可以减少代码的重复，并提高代码的可读性。常见的CSS合并选择器有后代选择器、子选择器和并集选择器。后代选择器通过空格将多个选择器组合在一起，选择后代元素。子选择器使用">"将多个选择器组合在一起，选择子元素。并集选择器使用逗号将多个选择器组合在一起，选择符合条件的所有元素。此外，还可以将CSS代码写入一个单独的.css文件中，并通过link标签引入到HTML文件中，实现代码的复用和可维护性。另外，CSS还支持id选择器，使用"#"符号表示，用于选择具有特定id的元素。id选择器与类选择器不同的是，id必须是唯一的，并且不能被多个标签使用。通过合理运用这些选择器，可以更好地组织和管理CSS代码。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [CSS常见选择器](https://blog.csdn.net/qq_63218110/article/details/128161050)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值