码迷,mamicode.com
首页 > Web开发 > 详细

CSS 选择器

时间:2016-08-07 00:41:10      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:

选择器有很多种方式, 核心分为三种: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 选择器

标签:

原文地址:http://www.cnblogs.com/ransky/p/5745130.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!