Css的选择器介绍

Css的选择器介绍

第一:派生选择器

先看效果图(两段话,第二段有个超链接):

先写两个标签,然后第二个标签中加入一个超链接:

写css样式,注意第二个标签下有标签,对标签设置背景,只需要写个p空格,a{输入设置属性}:

最后别忘了引入你的css样式,不然不会有变化。

第二:id选择器

先看效果图(两段话,第二段有个超链接):

先写两个标签,然后给两个标签中加入id:

写css样式,id选择器写法是:#+id名称{属性},注意第二个标签下有标签,对标签设置背景,这是id选择器加派生选择器:

第三:类(class)选择器

只需将第二中的id转换成class,css样式写法 .+类名称{属性}:

第四:属性选择器

先看效果图(三个):

详细代码(其中test是自定义属性,这个选择器低版本浏览器可能不支持,需要慎重选择):

css样式写法[属性名称],注意要是给了属性值得,在网页中只有给出指定值才会调用,不然就会调用默认: