复合选择器: 后代选择器 后代的样式更改 元素1 元素2 。。。{样式声明} 子元素选择器 只对亲儿子(离他最近的)的样式更改 元素1>元素2{样式声明} 并集选择器 作用于多组声明共同的属性 元素1,元素2{样式声明} 链接伪类选择器 a:link(未点击、访问过) a:visited(点击过的) a:hover(鼠标经过时) a:acti...
提示::link 选择器设置了未访问过的页面链接样式, :visited 选择器设置访问过的页面链接的样式 :active选择器设置当你点击链接时的样式。 注意:为了产生预期的效果,在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后! ②:focus选择器用于选择具有焦点的元素。 提示::focus选择器接受键盘事件或其他用户输入的...
id 选择器一般配合 JavaScript 使用,很少用来设置 CSS 样式 • 定义 id 选择器 → #id名 • 使用 id 选择器 → 标签添加 id= "id名" • 同一个 id 选择器在一个页面只能使用一次 /* 定义 id 选择器 */#red{color:red;}<!-- 使用 id 选择器 -->这是 div 标签 4. 通配符选择器 作用:查找...
7.4.2[attribute=value] 选择器 1、定义 [attribute=value] 选择器用于选取带有指定属性和值的元素。 2、实例 为target="_blank" 的 元素设置样式: a[target=_blank]{ background-color:yellow; } 7.4.3 [attribute~=value] 选择器 定义 [attribute~=value] 选择器用于选取属性值中包含指定词汇的元素。 ...
一:css3属性选择器 img[alt]{ border:2px dashed #000; } 这个选择器会匹配页面标签中任何一个含有alt属性的图片标签。 还可以通过设定属性值来缩小匹配范围:如下代码: img[alt="atwi_oscar"]{ border:2px dashed #000; } css3的子字符串匹配属性选择器 ...
1、后代(包含)选择器: 定义的时候用空格隔开 对于E F{样式}这种格式,表示所有属于E元素后代的F元素,有这个样式。空格就表示后代。 后代选择器,描述的是祖先结构。 看定义可能有点难理解,我们来看例子吧。 举例1: .div1 p{ color:red; }...
12:2036. HTML5|CSS3基础 18 定位及浮动应用视频教程 HTML5开发 33次播放 09:1137. HTML5|CSS3基础 19 浮动定位 HTML5开发 30次播放 05:3638. HTML5|CSS3基础 20 浮动定位应用 HTML5开发 22次播放 11:1539. HTML5|CSS3基础 21 选择器视频教程 HTML5开发 25次播放 15:2540. HTML5|CSS3基础 22 ID...
id选择器权重大于属性选择器 .red > [class=”red”] Css伪元素: div::selection 文本被选中后的样式 ::-moz-selection 火狐 Css3***边框与圆角: 四个值按照顺时针方向来 Border-radius兼容性写法: -webkit-border-radius: 50%; -moz-border-radius: 50%; -...
46 153 挺有用的伪元素选择器 before after 15:03 154 伪元素真实的几个使用场景 before after 11:13 155什么是特指性等级 specificity 特指性等级的计算方式 11:02 156 特指性等级的比较 06:18 157 影响CSS样式设置优先级的几个因素 06:20 158 如何查找和解决优先级问题 root empty伪类选择器 07:30 ...
5.渐变色彩CSS3 Gradient 分为线性渐变与径向渐变;参数: 第一个参数:指定渐变方向,可以用“角度”的关键词或“英文”来表示:第一个参数省略时,默认为“180deg”,等同于“to bottom”。 第二个和第三个参数,表示颜色的起始点和结束点,可以有多个颜色值。