css选择器

Posted 2350305682

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css选择器相关的知识,希望对你有一定的参考价值。


css选择器
选择器有很多种方式,
核心分为三种:1.元素选择器;2.id 选择器;3.class 选择器。
1.元素选择器
元素选择器一般用于通用的 CSS 定义,在局部或某个单一样式不适用。除非你的网站
非常小,小到整个页面的元素标签不超过 5 个,那倒是可以使用的。
//元素定义型
body {}
2.id 定义型
id 定义型的特点,就是表明这个元素是唯一性的,不能再当前页面的其它元素再定义
相同的 id。对于中小型网站,一般是单人设计制作,元素标签不太多,可以在布局元素上
使用 id 定义型。比如<nav>、<header>、<section>、<footer>的顶层元素上。
//id 定义型
#nav {}
3.class 定义型
class 定义型的特点,就是可以定义多个实现相同的效果。而实际应用中,比较适合大
中型 Web 项目。首先在多人维护的项目中,使用 class 也避免定义冲突;其次在一个元素
需要多个样式切换或同时使用时,也只有 class 才能实现。再此项目偏大时,使用 class
也避免多个模块切换的冲突。
//class 定义型
.center {}

以上是关于css选择器的主要内容,如果未能解决你的问题,请参考以下文章

css都有哪些选择器

CSS3选择器入门

css都有哪些种类的选择器

详解CSS样式选择器都有哪些?

夯实基础--CSS=> 基础选择器

CSSCSS 选择器 ① ( CSS 选择器作用 | CSS 选择器分类 | 标签选择器 | 类选择器 | div 与 span 标签 | 多类名选择器 )