复合选择器-focus选择器（HTML、CSS）

复合选择器-:focus选择器（HTML、CSS）

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>复合选择器-:focus选择器</title><style>/*  把获得光标的input表单元素选取出来 */input:focus {background-color: rgb(157, 157, 214);}</style>
</head><body><input type="text"><input type="text"><input type="text">
</body></html>

复合选择器-focus选择器（HTML、CSS）相关推荐

css复合选择器（后代选择器、子代选择器、并集选择器、链接伪类选择器、：focus选择器）
什么是复合选择器? 在css中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的. 复合选择器可以更准确.更高效的选择目标元素(标签 ...
基本CSS选择器,复合选择器,后代选择器
基本CSS选择器有标记选择器.类别选择器.ID选择器3种 1.标记选择器每一种HTML标记的名称都可以作为相应的标记选择器的名称,如h1,p,等等 2.类别选择器类别选择器的名称可 ...
复合选择器-子选择器（HTML、CSS）
复合选择器-子选择器(HTML.CSS) <!DOCTYPE html> <html lang="en"><head><meta char ...
复合选择器-链接伪类选择器（HTML、CSS）
复合选择器-链接伪类选择器(HTML.CSS) <!DOCTYPE html> <html lang="en"><head><meta c ...
复合选择器-后代选择器（HTML、CSS）
复合选择器-后代选择器(HTML.CSS) <!DOCTYPE html> <html lang="en"><head><meta cha ...
复合选择器-并集选择器（HTML、CSS）
复合选择器-并集选择器(HTML.CSS) <!DOCTYPE html> <html lang="en"><head><meta cha ...
学习总结：CSS(一)定义方式、选择器、选择器权重
一.CSS的定义方式 1.内部样式:<style></style> 2.行间样式:<div style="width:100px;height:100px;&q ...
前端基础-CSS的各种选择器的特点以及CSS的三大特性
一. 基本选择器二. 后代选择器.子元素选择器三. 兄弟选择器四. 交集选择器与并集选择器五. 序列选择器六. 属性选择器七. 伪类选择器八. 伪元素选择器九. CSS三大特性一. ...
css类选择器或逻辑,深入理解CSS中选择器的逻辑处理
在过去的很长一段时间中,我们都说 CSS 是不带有任何逻辑的,意思是在 CSS 中没有控制流,也没有某种类似于其他编程语言的方式来组织 CSS.CSS 天生缺乏逻辑性的问题导致了预处理器的出现.然而业 ...

复合选择器-focus选择器（HTML、CSS）

复合选择器-:focus选择器（HTML、CSS）

复合选择器-focus选择器（HTML、CSS）相关推荐

最新文章

热门文章