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

css选择器

时间:2016-04-03 17:30:40      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:

选择某class中的子class样式用 空格隔空。

1、最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。

如果设置 HTML 的样式,选择器通常将是某个 HTML 元素,比如 p、h1、em、a,甚至可以是 html 本身:

html {color:black;}
h1 {color:blue;}
h2 {color:silver;}

h2, p {color:gray;

2、h2, p {color:gray;}表示并列选择
3、
p.important {color:red;}

选择器现在会匹配 class 属性包含 important 的所有 p 元素,但是其他任何类型的元素都不匹配

 

4、

通过把两个类选择器链接在一起,仅可以选择同时包含这些类名的元素(类名的顺序不限)。

如果一个多类选择器包含类名列表中没有的一个类名,匹配就会失败。请看下面的规则:

.important.urgent {background:silver;}

不出所料,这个选择器将只匹配 class 属性中包含词 important 和 urgent 的 p 元素。因此,如果一个 p 元素的 class 属性中只有词 important 和 warning,将不能匹配。不过,它能匹配以下元素:

<p class="important urgent warning">
This paragraph is a very important and urgent warning.
5、,如果您希望只对 h1 元素中的 em 元素应用样式,可以这样写:
h1 em {color:red;}

css选择器

标签:

原文地址:http://www.cnblogs.com/wing2002li/p/5350044.html

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