02-css的选择器

css的选择器：1.基本选择器 2.高级选择器

基本选择器包含：

1.标签选择器
标签选择器可以选中所有的标签元素，比如div，ul，li ，p等等，不管标签藏的多深，都能选中，选中的是所有的，而不是某一个，所以说 "共性" 而不是 ”特性“

body{color:gray;font-size: 12px;
}
/*标签选择器*/
p{color: red;
font-size: 20px;
}
span{color: yellow;
}

2.id选择器
# 选中id

同一个页面中id不能重复。
任何的标签都可以设置id
id命名规范要以字母可以有数字下划线 - 大小写严格区分 aa和AA是两个不一样的属性值

 1 #box{2     background:green;3 }4             5 #s1{6     color: red;7 }8 9 #s2{
10     font-size: 30px;
11 }

3.类选择器

3.1 所谓类就是class . class与id非常相似任何的标签都可以加类但是类是可以重复,属于归类的概念。

3.2 同一个标签中可以携带多个类，用空格隔开

类的使用，能够决定前端工程师的css水平到底有多牛逼？

答案：一定要有”公共类“的概念

1 .lv{2     color: green;3 4 }5 .big{6     font-size: 40px;7 }8 .line{9     text-decoration: underline;
10 }

1 <!-- 公共类    共有的属性 -->
2     <div>
3         <p class="lv big">段落1</p>
4         <p class="lv line">段落2</p>
5         <p class="line big">段落3</p>
6     </div>
7

总结：

不要去试图用一个类将我们的页面写完。这个标签要携带多个类，共同设置样式
每个类要尽可能的小，有公共的概念，能够让更多的标签使用

玩好了类就等于玩好了css中的1/2

到底使用id还是用class？
答案：尽可能的用class。除非一些特殊情况可以用id

原因：id一般是用在js的。也就是说 js是通过id来获取到标签

转载于:https://www.cnblogs.com/zh-lei/p/9244901.html

02-css的选择器相关推荐

css专栏 01.css简介 02.css注释及语法结构
# 02.css注释及语法结构[toc]{type: "ol", level: [3]}### css注释 - 单行注释 ```css /*单行注释*/ ``` - 多行注释 `` ...
CSS Diner选择器练习网站答案
CSS Diner选择器练习网站答案 CSS Diner网址答案 01. plate 02. bento 03. #fancy 04. plate apple 05. #fancy pickle 0 ...
前端笔记（3）css，选择器，文字文本属性，外观属性
CSS样式表(1) (1)css概念引入css的三种方法行内式(内联样式) 内部样式表(内嵌样式表) 外部样式表(外链式) (2)css选择器 css基础选择器标签选择器类选择器 id选择器 ...
CSS继承选择器与包含选择器的比较
作者:sagahu@163.com 日期:2011-12-21 CSS继承选择器与包含选择器的作用很像,其类似点主要有: 继承选择器的子孙元素可以继承到祖先元素的某些样式:而包含选择器的子元素可以得到 ...
css元素捕捉,css元素选择器
CSS 元素选择器最常见的 CSS 选择器是元素选择器.换句话说,文档的元素就是最基本的选择器. 如果设置 HTML 的样式,选择器通常将是某个 HTML 元素,比如 p.h1.em.a,甚至可以是 ...
【CSS】选择器优先级
CSS的选择器优先级的权重在 Selectors Level 3 规范中,一个选择器的优先级(权重)由依次串联的a.b.c三个标记来计算 a: ID选择器如#header b: class选择器如 ...
css class选择器用法,CSS类选择器用法简明介绍
你对CSS类选择器的使用是否熟悉,这里向大家描述一下,在CSS中,CSS类选择器通常以一个点号显示,需要注意一点的就是不要使用数字起始类名!因为它无法在Mozilla或Firefox中起作用. CSS ...
html的选择器child,css child选择器妙用
css child选择器妙用:倒数第n,奇数列,偶数列,倍数列,第n个到最后,第一个到n 1.first-child first-child表示选择列表中的第一个标签. 2.last-child la ...
html 并集选择器,CSS并集选择器
CSS并集选择器也叫群选择器,是由多个选择器通过逗号连接在一起的,这些选择器分别是:标签选择器.类选择器或id选择器等. 在声明各种CSS选择器时,如果某些选择器的风格完全相同,或者部分相同,便可以利 ...
教你玩转CSS 属性选择器
目录具有特定属性的HTML元素样式属性选择器属性和值选择器属性和值的选择器 - 多值表单样式 CSS 属性选择器具有特定属性的HTML元素样式具有特定属性的HTML元素样式不仅仅是cl ...

02-css的选择器

02-css的选择器相关推荐

最新文章

热门文章