=======================================================================================选择器input[type="radio"]+label{             border:1p
原创 2016-05-16 19:49:04
697阅读
前面花了两节内容分别在《CSS3选择器——基本选择器》和《CSS3选择器——属性选择器》介绍了CSS3选择器基本选择器和属性选择器使用方法,今天要和大家一起学习CSS3选择器第三部分,也是最后一部分——选择器选择器对于大家来说最熟悉莫过于:link,:focus,:hover之类...
转载 2014-10-25 17:03:00
264阅读
2评论
结构性 demo <div class="parent"> <div class="line">aaa</div> <div class="line">bbb</div> <div class="line">ccc</div> <div class="line">ddd</div> </div> ...
转载 2021-09-17 18:24:00
246阅读
2评论
first-line 设置首行样式first-letter 设置首字母样式before 在某元素前插入内容并设置内容样式after 在某元素后插入内容并设置内容样式 实例:第一行 第二行 Read More
转载 2015-06-30 21:37:00
170阅读
2评论
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } /* div{ height: 200px; backgr ...
转载 2021-07-12 15:06:00
194阅读
2评论
选择器:同一个标签,根据其不同种状态,有不同样式。这就叫做“”。用冒号来表示。 比如div是属于box,这一点很明确,就是属于box。但是a属于什么?不明确。因为需要看用户点击前是什么状态,点击后是什么状态。所以,就叫做“”。 静态和动态 选择器分 ...
转载 2021-08-03 22:23:00
332阅读
2评论
1、anchor:专用于控制链接显示效果 :linka:link选择所有未被访问链接。 :visited a:visited 选择所有已被访问链接。 :active a:active 选择活动链接。 :hover a:hover 选择鼠标指针位于其上链接。 例子: <style> a:l ...
转载 2021-09-30 13:40:00
191阅读
2评论
css几种常见选择器,这篇文章就带大家详细了解下css选择器
原创 2023-02-05 09:35:01
218阅读
1、选择器css中可以使用选择器把相同元素定义成不同样式。比如:结果如下:标题背景未变2、选择器 选择器选择器区别在于,选择器我们定义,而选择器CSS中已经定义好选择器。 最常见选择器 a:link{ color: #ff6600 } /* 未被访问链接 */ a:visited{ color: #87b291 } /* 已被访问链接 */ a:ho
/* ul第一个子元素 */ ul li:first-child{ background:gray; } /* ul最后一个子元素 */ ul li:last-child{ background:green; } /* 选中p1: 定位到父元素,选中当前第一个元素 选择当前p元素父级元素,选 ...
转载 2021-08-13 16:26:00
273阅读
2评论
本文介绍一下Css:is和:not,并解释一下is、not、matches、any之前关系 :not The :not() CSS pseudo-class represents elements that do not match a list of selectors. Since it
转载 2019-11-28 15:37:00
253阅读
2评论
我们经常会看到页面中有一些特殊动态样式,例如,点击文本时候,文本颜色发生变化,鼠标悬停在文本区域时候,文本区域背景颜色发生了改变,这样效果该如何实现呢?(案例参照:新闻类型网站)网站中标签及文本,默认没有任何动态效果,如果想要添加这样动态样式,则需要配合鼠标的各种行为去完成,比如:鼠标点击,鼠标划过等;这些行为都可以使用CSS选择器来实现。选择器,属于选择器一种,他
原创 2023-02-10 17:20:07
656阅读
应用:表格内容根据鼠标指定行而改变颜色
转载 2021-08-13 09:56:17
132阅读
   动态css3,因为这些并不存在于HTML中,而只有当用户和网站交互时候才能体现出来,动态css3包含两种,第一种是我们在链接中常看到锚点,如":link",":visited";另外一种被称作用户行为,如“:hover”,":active"和":focus"。先来看最常见锚点 .demo a:link {color:gray;}/*链接没有
转载 精选 2013-12-26 11:43:07
695阅读
1点赞
1评论
前戏 前面我们说过CSS规则由选择器和声明组成,我们要给标签设置属性,那我们就要找到对应标签,CSS选择器可以帮我们找到我们需要标签 css选择器有: 标签选择器 选择器 ID选择器 全局选择器 群组选择器 后代选择器 标签选择器 标签选择器前面我们用过,它是以HTML标签作为选择器 注意:有
原创 2022-07-07 10:33:15
162阅读
一、兄弟选择器相邻兄弟选择器  - 相邻兄弟选择器匹配指定元素相邻兄弟元素      - 如果需要选择紧接在另一个元素后元素,而且二者有相同父元素,可以使用相邻兄弟选择器      - 使用加号(+)作为结合符通用兄弟选择器  - 通用兄弟选择器匹配某元素后面的所有兄弟元素     
原创 2016-03-23 11:46:30
6839阅读
CSS|结构选择器CSS文件:/*结构选择器*//*选中ul第一个li*/ul li:first-child{ background-color: aqua;}/*选中ul
原创 2022-07-11 16:37:32
187阅读
CSS】结果选择
原创 2023-06-24 09:52:27
72阅读
选择器 :为元素不同状态或不确定存在元素设置样式规则CSS3中新增了很多选择器,使我们对元素样式控制变得更加方便一、:target用于控制具有锚点目标元素样式 此时id 为box 盒子color为红色二、:root根元素选择,即html,两者效果一样三 、:empty选择没有子元素元素,也不能包括文本元素,空格换行等四、:first-child 和 last-childfi
转载 2023-11-27 06:00:18
69阅读
css选择器 1、几个难记选择器 > 直接后代选择器 + 相邻选择器(下一个兄弟) ~ 兄弟选择器(以它为标准,往下数所有的兄弟) 2、基本使用顺序 元素使用规则:lv ha (即love hate规则)link ,visited ,hover , active 3、特殊注意 :visit ...
转载 2021-10-27 21:23:00
187阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5