第010讲通配符选择器父子选择器

案例：

<a href="http://www.baidu.com">连接到百度</a><br/>
<a href="http://www.baidu.com">连接到百度</a><br/>
<a href="http://www.baidu.com">连接到百度</a><br/>
<a href="http://www.baidu.com">连接到百度</a><br/>

a:link{color:black;text-decoration:none;font-size:24px;
}
a:hover{text-decoration:underline;font-size:40px;color:green;
}
a:visited{color:red;
}

对同一种html元素分类

<p class="cls1">weweweewwe</p>
<p class="cls2">helloworld</p>

P.cls1{color:blue;font-size:30px;}
P.cls2{color:red;font-size:20px;}

4. 通配符选择器
优先级最低。

*{/* margin-top:0px;margin-left:0px; */margin:10px 30px 40px 1px;padding:0px;
}

选择器优先级：
id 选择器 > class 选择器 > html 选择器 >通配符选择器

父子选择器：
必须是现有的html元素。

/*父子选择器*/
#id1 span{    color:red;
    font-style:italic;}
#id1 span span{    color:green;}
#id1 span span a{    color:blue;}
1.中间有空格,父子选择器可以有多级(但开发中一般不超过3级)，
2.父子选择器有严格的层级关系。
3.父子选择器不限于什么类型的选择器
![这里写图片描述](https://img-blog.csdn.net/20150622153703702)

<span id="id1">这是一则<span>非常<span>重<a href="">连接</a></span>要</span>的新闻</span><br/><br/><br/>

第010讲通配符选择器父子选择器相关推荐

name选择器_CSS 选择器
选择器语法我们先了解一下选择器的语法,然后深入了解背后相关的特性. 简单选择器星号 -- * 通用选择器,可以选择任何的元素类型选择器 |type selector -- div svg|a 也 ...
CSS选择器（id选择器，包含选择器，标签名选择器，类选择器，属性选择器，通配符选择器，伪类选择器，相邻选择器，选择器的优先级，子选择器）
CSS选择器 HTML:定义网页元素 CSS:美化网页元素,控制HTML标签展示样式 CSS与HTML相结合,结合方式如下: (1)内联样式:CSS代码复用性太低,书写凌乱,不推荐,缺点就是一次只能控 ...
通配符选择器/后代选择器（包含选择器）/选择器分组
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>通配符 ...
前端 -＞ js原生选择器,jQuery选择器基本选择器(ID选择器,元素选择器,类名选择器,复合选择器,通配符选择器)
文章目录 jQuery基本选择器 js选择器(原生选择器) jQuery基本选择器 1. ID选择器ID选择器#id就是利用DOM元素的id属性值来筛选匹配的元素,并以iQuery包装集的形式返回给对 ...
学习总结：CSS(一)定义方式、选择器、选择器权重
一.CSS的定义方式 1.内部样式:<style></style> 2.行间样式:<div style="width:100px;height:100px;&q ...
同级选择器_10-CSS3选择器详解
CSS3在CSS2基础上,增强或新增了许多特性, 弥补了CSS2的众多不足之处,使得Web开发变得更为高效和便捷. CSS3的现状浏览器支持程度不够好,有些需要添加私有前缀移动端支持优于PC端不 ...
CSS3 选择器基本选择器介绍
CSS是一种用于屏幕上渲染html,xml等一种语言,CSS主要是在相应的元素中应用样式,来渲染相对应用的元素,那么这样我们选择相应的元素就很重要了,如何选择对应的元素,此时就需要我们所说的选择器.选 ...
css3 选择器_10-CSS3选择器详解
CSS3在CSS2基础上,增强或新增了许多特性, 弥补了CSS2的众多不足之处,使得Web开发变得更为高效和便捷. CSS3的现状浏览器支持程度不够好,有些需要添加私有前缀移动端支持优于PC端不 ...
jQuery过滤选择器层次选择器表单选择器
首先引入jQuery的类库,代码如下,标出注释了的,不要在引入类库里写方法,我们需要重写一个script在继续写方法:下标是往0开始的 <html><head><meta ...
03-高级选择器,属性选择器,伪类选择器
高级选择器分为: 后代选择器子代选择器并集选择器交集选择器后代选择器使用空格表示后代选择器.顾名思义,父元素的后代(包括儿子,孙子,重孙子) .container p{color: red; ...

第010讲通配符选择器父子选择器

第010讲通配符选择器父子选择器相关推荐

最新文章

热门文章

第010讲 通配符选择器 父子选择器

第010讲 通配符选择器 父子选择器相关推荐

最新文章

热门文章

第010讲通配符选择器父子选择器

第010讲通配符选择器父子选择器相关推荐