CSS选择器中的四种样式

    CSS就是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（Cascading Stylesheet）。

在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。 下面淄博SEO给大家讲一下CSS选择器中四种可以选的样式

1.简易属性选择器

只顾其名不顾其值，这是简易属性选择器的特点。h1[class] {color: silver;}将会作用于任何带class的h1元素，不管class的值是什么。所以<h1 class="hoopla">Hello</h1>、<h1 class="severe">Serenity</h1>、<h1 class="fancy">Fooling</h1>的h1都会受到这条规则的影响。当然，这个“属性”不仅仅是class或者 id，可以是该元素所有合法属性。

2.精确属性值选择器

id和类本质上就是精确属性值选择器，没错，h1#logo等于h1[id="logo"]。如前所述，我们不要局限于id或者class，我们可以使用任何属性！例如a[href=ww。mu。com][title="W3C Home"] {font-size: 200%;}将会作用于<a href="../../ww。mu。com/" title="mb5u Home"></a>。

3.部分属性值选择器

如其名，只要属性值部分匹配就会作用于该元素。该选择器十分有用，比如你要样式化插图，其title中都含字符串”Figure”，如 title= "Figure 5：xxx说明"，则你可以使用img[title~="Figure"] 。需要注重的是，如我第一句就强调的，你需要匹配的是整个单词，img[title~="Figure"] 不会匹配title= "Figure5：xxx说明"。

    4.非凡属性选择器

有点怪，这个选择器。它是这样工作的，嗯，举个例子比描述更轻易。*[lang|="en"] {color: white;}，这条规则（rule）将会选择属性lang的值en或者en-打头的元素。就是说，它可以匹配<h1 lang="en">Hello!</h1>、<p lang="en-us">Greetings!</p>和<div lang="en-au">G’day!</div>而不匹配<p lang="fr">Bonjour!</p>和<h3 lang="cy-en">Jrooana!</h3>。

    简单来说CSS的好处有，便于页面的修改，便于页面风格的统一，减少网页的体积，CSS 可以称得上 WEB 设计领域的一个突破。作为网站开发者，你能够为每个 HTML 元素定义样式，并将之应用于你希望的任意多的页面中。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。