后代选择器和属性选择器

1.后代（派生）选择器

h1  em(使字体斜,并且能够加粗文字){color :red;} 起作用的是在h1里面的em里面的文字

<h1>This is a <em> important</em>heading</h1> 能够生效

<p> This is a <em> important</em> paragraph</p> 不能够生效

div.a{background:blue;} 原理和上面相同

<div>

<p class  ="a">这是一段文字</p> 生效

<p>你好！</p> 不生效 

</div>

2.属性选择器

什么叫属性

<a href ="www.baidu.com">测试</a>

属性选择器可以根据元素的属性及属性值来选择元素

例子1：

如果你希望把包含标题(title)的所有元素变为红色,可以写作

*[title]{color:red;}

例子2：

与上面类似，可以只对有href属性的锚(a元素)应用样式

a[href]{color:red;}

注意：<br/> = <br></br>自封闭标签 就是在<br>里面没有元素的时候就可以</br>这么做

还可以这么做a[href][title] 原理和上面的一样[href]和[title]的顺序可以随意调换！

即是：根据多个属性进行选择，只需将属性选择器链接在一起即可！