CCS 选择器

1.如果样式中包含冲突的规则,且它们具有相同的确定度。那么,后出现的规则优先级高。

  语法

 

  选择器  
  类选择器

文档中的多个元素可以拥有同一个类名。

 类选择器是以英文句号(.)开头的。

  id选择器

每个ID在文档中必须是唯一的。

 ID选择器是以#开头的。

  属性选择器  选择器 [type='button'] 选中所有 type 属性为 button 的元素。
  后代选择器
//语法规则: h1 和 em 之间有一个空格。那么这一条CSS代码就会运用于包含在<h1></h1>标签内的所有<em>元素。
//注:第一个参数和第二个参数之间的代数是可以无限的
ul button {color: red;}
元素ul的任一后代元素button (后代节点指ul的子节点,子节点的子节点,以此类推)
  子元素选择器
//语法规则:h1和strong之间会有一个“>”符号。而这个“>”和前面的h1或者是后面的strong之间的空格都是可有可无的。
//子选择器只会选择某个元素的子元素,而不会扩大到任意的后代元素。
h1>strong {color:red;}
  相邻兄弟选择器
//语法规则:h2和strong之间有一个“+”,“+”和前面的h1或者后面的strong之间的空格都是可有可无的。
//css
li + li {color:red;}
//html
<ul>     
        <li>List item 1</li> 
        <li>List item 2</li> 
        <li>List item 3</li> 
</ul> 
//选择的是2和3

伪类选择器

 选择

找到属于其父元素的第二个 p 元素

p:nth-of-type(2)
{
background:#ff0000;
}
posted @ 2018-08-20 14:07  liuyj_vv  阅读(594)  评论(0编辑  收藏  举报