css3新增选择器

1. img[alt]：匹配页面标签中任意一个含有alt属性的标签

2. 匹配开头：img[alt^="film"]

匹配包含内容：img[alt*="film"]

匹配结尾： img[alt$="film"]

3. 伪类选择器：

　　li:first-child

　　li:nth-child(n/odd/even)

　　li:not

4. 伪元素

　　p::first-line

时间： 2024-10-14 23:36:45

css3新增选择器的相关文章

CSS系列：CSS3新增选择器

CSS系列:CSS3新增选择器 1. CSS1定义的选择器选择器类型说明 E 类型选择器选择指定类型的元素 E#id ID选择器选择匹配E的元素,且匹配元素的id为“id”,E选择符可以省略. E.class 类选择器选择匹配E的元素,且匹配元素的class属性值为“class”,E选择符可以省略. E F 包含选择器选择匹配F的元素,且该元素被包含在匹配E的元素内. E:link 链接伪类选择器选择匹配E的元素,且匹配元素被定义了超链接并未被访问.例:a:link E:visi

利用css3新增选择器制作背景切换

之前写css3的时间都是捡项目需要的来用,没有系统的学习过,这几天好好的补了一下css3的知识,真的获益匪浅!觉得新增的那些选择器是有用至极的!今天就来所这几天的所学做一个点击标签切换背景的效果,是纯css制作哦,不依赖js,算是作一个总结吧! 首先呢,前期工作当做是要先建好目录那些的了. index.html.css文件夹(包含style.css).img文件夹(包含1.jpg,2.jpg,3.jpg,4.jpg) 最后完成的效果如下(因为本人喜欢篮球,所以搞了几张nba人物卡通作素材),具体

css3新增选择器：伪类选择器和属性选择器

一.结构(位置)伪类选择器( : ) 1.:first-child 2.:last-child 3.:nth-child(n)或者:nth-child(2n)或者:nth-child(2n+1) <body> <ul> <li>我是第一个</li> <li>我是第二个</li> <li>我是第三个</li> <li>我是第四个</li> <li>我是第五个</li>

CSS3介绍以及新增选择器

一:基本介绍 1:css版本 css1: 定义了网页的基本属性:字体,颜色,补白,基本选择器等等. css2:添加了高级功能:浮动,定位,高级选择器(子选择器,相邻选择器,通用选择器) css3:遵循模块化开发.发布时间并不是一个时间点,而是时间段.(2002-至今) 2:css3新特性 (1)CSS选择器 (2)新的颜色制式和透明设定 (3)多栏布局的实现 (4)多背景图效果 (5)文字阴影效果 (6)开放的网络字体类型 (7)圆角 (8)边框背景图片 (9)盒子阴影 (10)媒体查询二:新

CSS3新增属性选择器： [attribute*=value] 、[attribute^=value] 和[attribute$=value]

在CSS3中新增了 [attribute*=value] .[attribute^=value] 和[attribute$=value] 三个选择器,使得属性选择器有了通配符的概念. 下边是一个使用这三个属性的完整示例代码,及运行后的页面展示效果: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title

CSS3——新增的选择器

CSS3新增的三个模块关系选择器 E+F 下一个满足条件的兄弟元素节点 E~F 并列结构下满足条件的兄弟元素节点属性选择器 E[attr~="val"] E[attr |="val"] E[attr^="val"] E[attr$="val"] E[attr*="val"] 伪元素选择器 E::placeholder E::selection 效果原文地址:https://www.cnblogs.co

CSS3新增特性

CSS3新增属性选择器属性名称含义 [att^="value"] 该属性的值以指定的值开始 [att$="value"] 该属性的值以指定的值结束 [att*="value"] 该属性的值包含指定的值,而无论其位置 RGBA透明度当设置一个RGBA色彩的时候,参数依次设定为红.蓝.绿(可以位0~255或百分数)和通道Alpha(0~1之间) 多背景图片用户可以使用多个属性来设置背景图片或特效效果,如background-image.bac

前端小知识关于css3新增知识归纳总结

1.新增选择器 E:nth-last-child(n) E:nth-of-type(n) E:nth-last-of-type(n) E:last-child E:first-of-type E:only-child E:only-of-type E:empty E:checked E:enabled E:disabled E::selection E:not(s) 2.Font-face 特性 Font-face 可以用来加载字体样式,而且它还能够加载服务器端的字体文件,让客户端显示客户端所没

CSS3常用选择器总结

CSS3选择器中午吃饭时与同事简单聊了下H5和C3为我们提供的便利,晚上下班后简单整理了下CSS3的选择器,在这里跟大家分享下. CSS3新增了许多灵活查找元素的方法,极大的提高了我们查找元素的效率和精准度.CSS3选择器与jQuery中所提供的绝大部分选择器兼容. 1.属性选择器其特点是通过属性来选择元素,具体有以下5种形式(E是element的首字母,下面都是简写代替,程序员总是那么懒,哈哈哈): 1.E[attr] 表示存在attr属性即可: /*存在*/ [class]{/*选中的是