首页 > 其他分享 >伪类选择器

伪类选择器

时间:2023-08-11 23:28:03浏览次数:27  
标签:hover 伪类 样式 选择器 设置 链接

链接伪类选择器

  • a:link
    表示对于没有访问过的链接设置样式

  • a:visited
    表示对于访问过之后的链接设置的样式

  • a:hover
    表示给鼠标悬浮到某个链接设置的样式

  • a:active
    表示给我们鼠标按下还没有弹起的链接设置样式

开发中的注意点:
1.链接伪类选择器的书写顺序必须是LVHA,如果hover写在了visited前面,那么hover就不会生效了
2.我们开发中经常会给a标签设置一个样式,去除它默认的蓝色样式
3.四种伪类选择器我们常用的是hover伪类

focus伪类选择器

focus伪类选择器常用于选取获取焦点的表单元素,用来修改获取焦点的表单元素的样式

常用写法:

input:foucus {
	background-color: blue;
}

<input type=text>

标签:hover,伪类,样式,选择器,设置,链接
From: https://www.cnblogs.com/suncolor/p/17624121.html

相关文章

  • 30个你必须熟记的CSS选择器
    你学会了基本的id,class类选择器和descendant后代选择器,然后就觉得完事了吗?如果这样,你就会错过许多灵活运用CSS的机会。虽然本文提到的许多选择器都属于CSS3,并且只能在现代的浏览器中使用,但学会这些是大有好处的。*{margin:0;padding:0;}首先我们来认识一些简单的选择......
  • 选择器
    记录下标签跳转a、标签跳转到指定位置<ahref="#A1">方法一</a><ahref="#A2">方法二</a><ahref="#A3">方法三</a><div><aname="A1">方法一</a></div><div><aname="A2"&g......
  • CSS基础-选择器
    概念前文说,CSS是给HTML添加样式的,那么要想两者之间产生作用,就需要用到选择器。选择器标记在HTML标签上;通过选择器,浏览器可以知道什么时候加载这些样式。CSS通过选择器组合一组样式,集体作用在某一段html代码上。多种选择器标签选择器标签选择器,使用HTML的标签作为选择器......
  • CSS选择器介绍
    1、三种基本选择器优先级:id选择器>类选择器>标签选择器/*标签选择器,可以作用于HTML里面的所有这种标签*/h1{ color:red; background-color:aquamarine; border-radius:5px;}p{ font-size:38px;}/*类选择器,.class类名,可以多个标签归类*/.xuexi{ color:blue......
  • uniapp 只选择月份与日的时间选择器
    1、使用 <picker> 组件的 mode 属性设置为 "multiSelector",然后通过设置 range 属性来提供可选的月份和日的列表。<template><view><pickermode="multiSelector":range="range"@change="onPickerChange"><viewclass=......
  • 使用伪类hover选择器显示边框页面抖动问题
    起因在mdn上完成“鼠标在某些HTML元素上悬停时增加动画”的练习时发生异常。当鼠标悬浮在p标签上,边框出现的同时,页面也会跟着抖动:我是打算在css样式里给p标签绑定伪类hover,当鼠标悬浮在p元素上时会出现边框并改变背景颜色,我的代码如下:p:hover{border:3pxridge;......
  • Unity 编辑器选择器工具类Selection 常用函数和用法
    Unity编辑器选择器工具类Selection常用函数和用法点击封面跳转下载页面简介在Unity中,Selection类是一个非常有用的工具类,它提供了许多函数和属性,用于操作和管理编辑器中的选择对象。本文将介绍Selection类的常用函数和用法,并提供相应的示例代码。静态属性1.activeConte......
  • Unity 编辑器选择器工具类Selection 常用函数和用法
    Unity编辑器选择器工具类Selection常用函数和用法点击封面跳转下载页面简介在Unity中,Selection类是一个非常有用的工具类,它提供了许多函数和属性,用于操作和管理编辑器中的选择对象。本文将介绍Selection类的常用函数和用法,并提供相应的示例代码。静态属性1.activeContex......
  • 选择器
    CSS(CascadingStyleSheets,层叠样式表)中包含各种类型的选择器,用于选择要应用样式的HTML元素。选择器定义了哪些元素将受到CSS规则的影响,从而可以控制元素的外观和样式。以下是一些常见的CSS选择器类型:元素选择器:选择特定标签的元素。例如,div会选择所有<div>元素。ID选择......
  • jQuery--dom对象选择器
    一、概述选择器:就是一个字符串,用来定位dom对象定位了dom对象就可以通过jquery的函数操作dom对象二、常用选择器1、id选择器$("#id值")通过dom对象的id定位dom对象。id是当前页面唯一值 2、class选择器$(".class样式名")使用样式的名称定位dom对象3、标签选择器$("标签名......