首页 > 其他分享 >css3之:target伪类

css3之:target伪类

时间:2023-07-24 16:06:48浏览次数:42  
标签:css3 浏览器 target 伪类 http com


CSS3 target伪类

 

      ------- 用来匹配URI某一个标志符的目标元素。一般url中包含"#"字符,后面带有一个标志符号,如:"#top"

 

1、浏览器支持情况

 

         除了IE6-8,其他浏览器都支持。

 

       http://caniuse.com/#search=%3Atarget 

 

2、使用方式:

 

 

 

//类似于hover|focus等
selector:target{
    border:1px solid #ccc;
}

 

 

 

扩展阅读:

 

1、http://www.red-team-design.com/get-to-know-your-css3-target-pseudo-class

 

2、http://css-tricks.com/css3-tabs/

 

3、http://webdesignernotebook.com/examples/target.html#b3

 

 

 

 

 

 

标签:css3,浏览器,target,伪类,http,com
From: https://blog.51cto.com/u_16170312/6835952

相关文章

  • CSS3媒体查询
    什么是媒体查询?媒体查询(MediaQuery)是CSS3新语法。使用@media查询,可以针对不同的媒体类型定义不同的样式@media可以针对不同的屏幕尺寸设置不同的样式当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面目前针对很多苹果手机、Android手机,平板等设备......
  • 子代选择器 结构伪类选择器
    包含选择器后代选择器包含的是后代子代选择器包含儿子 div>p则只有儿子收到效果  ulli:first-child{    color:red;  }   ulli:nth-child(2){    color:aqua;  }   ulli:nth-child(3){    color:yellowgr......
  • 36种漂亮的CSS3网页按钮Button样式
    <!DOCTYPEHTML><htmllang="en-US"><head><metacharset="UTF-8"><title>36种漂亮的CSS3网页按钮Button样式</title><styletype="text/css">body{background:#f5......
  • You can’t specify target table ‘aaa′ for update in FROM clause
    Youcan’tspecifytargettable‘aaa′forupdateinFROMclause使用MySQL执行DELETEFROM时,若子查询的FROM子句和更新/删除对象使用同一张表,会出现错误。针对“同一张表”这个限制,撇开效率不谈,多数情况下都可以通过多加一层SELECT别名表来变通解决,如下:DELETEFRO......
  • springboot元注解@Target@Retention@Documented
        @Target(ElementType.METHOD)是一个元注解,用来标注注解的作用目标。这里的@Target(ElementType.METHOD)表示该自定义注解可以用于方法上。@Retention(RetentionPolicy.RUNTIME)是一个元注解,用来标注注解的保留策略。这里的@Retention(RetentionPolicy.RUNTIME)表......
  • CSS3雪碧图 | 精灵图
    雪碧/精灵图CSSSprite也叫CSS精灵图、CSS雪碧图,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去为什么需要精灵图如果一个网页有很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求......
  • 伪类选择器,伪元素选择器,选择器的优先级,CSS属性相关
    伪类选择器<style>/*未访问时候显示的*/a:link{color:#FF0000;}/*鼠标移动到链接上*/a:hover{color:#FF00FF}/*选定的链接*/a:active{color:#0000......
  • Could not find compile target android-33 for modules :app
         检查一下这些地方......
  • 如何使用CSS3 @font-face 实现个性化字体
    如何使用CSS3@font-face实现个性化字体。 在网页中,我们可以使用CSS的font-family属性来定义字体。但是,定义的字体能否在用户的电脑上正确显示,取决于用户的电脑上是否安装了该字体。我们经常看到国外的一些个人网站使用了非常漂亮的字体,而这些字体通常用户的电脑上并没有安装,所......
  • Makefile:162:recipe for target ‘xxx.o‘ failed!
    Q:使用makefile对工程进行编译的时候,出现指定报错:Makefile:162:recipefortarget‘xxx.o‘failed!A:该问题报错的意思是缺少依赖。根本问题是由于某个错误,导致过程文件xxx.o无法正常编译成功(makefile中最终目标文件的编译需要依赖过程目标文件xxx.o,而过程目标文件xxx.......