CSS选择器(一)

css选择器是区分大小写的,因为要准确的匹配元素名称和属性值。

下面我们来讲一下css选择器:

一,通用选择器

1.*{   }

2.应用于文档的所有元素。

二,类型选择器

1.比如:  h1{   }

2.匹配元素的名称元选择器相同的元素(也称元素选择器)。

三,类选择器

1.比如:  .text{    }

2.匹配class属性的值为.text的元素。

3.或者也可以这样:   p.text{    }

4.匹配class属性的值为.text的p元素。

四,ID选择器

1.如:   #text{     }

2.匹配ID为text的元素。

五,子选择器

1.如:    li>a  {   }

2.匹配<li>元素下的直接子元素<a>

3.注意,其他的<a>元素不起作用。

六,后代选择器

1.如:    p   a   {     }

2.匹配所有位于<p>元素下的<a>元素。

七,相邻兄弟选择器

1.如:     h1+p    {    }

2.匹配<h1>元素下的第一个<p>元素(对其他的<p>元素不起作用)

3.

八,普通兄弟选择器

1.如:    h1~p  {    }

2.匹配<h1>下的兄弟元素<p>。

OK,css选择器的种类已经讲完。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,826评论 1 92
  • 1.CSS 元素选择器 最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。如果设置 H...
    饥人谷_小侯阅读 887评论 0 1
  • 常用的CSS选择器主要有三种: 元素选择器 类选择器 ID选择器 元素选择器 定义:以HTML标签(又叫HTML元...
    杨慧莉阅读 438评论 1 1
  • 什么是CSS选择器 要使某个样式应用于特定的HTML元素,首先要找到该元素,在CSS中,执行这一任务的表现规则称为...
    MM_大琦阅读 380评论 0 0
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,101评论 0 1