css选择器用法(css三种基本选择器的用法)
大家好，关于css选择器用法很多朋友都还不太明白，不过没关系，因为今天小编就来为大家分享关于css三种基本选择器的用法的知识点，相信应该可以解决大家的一些困惑和问题，如果碰巧可以解决您的问题，还望关注下本站哦，希望对各位有所帮助！
css样式有哪几种选择器
CSS的选择器其实大类的话可以分为三类，即id选择器、class选择器、标签选择器。
用法如下：
#id名{属性名:属性值;}
.class名{属性名:属性值;}
标签名{属性名:属性值;}
其中，他们之间又可以以不同的方式进行组合，如下：
后代选择器:父代名后代名{属性名:属性值;}
子代选择器:父代名>子代名{属性名:属性值;}
群组选择器:#name1,.name2,#name div{属性名:属性值;}
伪类选择器: name:伪类
通用(通配符)选择器:*{属性名:属性值;}……
常用的也就这些。
纯手打，望采纳。我的百度个人简介里面还有博客网址，想看一些我资料欢迎进入我的博客。
css选择方式有哪些
CSS的选择器其实大类的话可以分为三类，即id选择器、class选择器、标签选择器。
用法如下：
#id名{属性名:属性值;}
.class名{属性名:属性值;}
标签名{属性名:属性值;}
其中，他们之间又可以以不同的方式进行组合，如下：
后代选择器:父代名后代名{属性名:属性值;}
子代选择器:父代名>子代名{属性名:属性值;}
群组选择器:#name1,.name2,#name div{属性名:属性值;}
伪类选择器: name:伪类
通用(通配符)选择器:*{属性名:属性值;}……
链接CSS的方式有：link与@import
外部引用CSS中 link与@import的区别
这两天刚写完XHTML加载CSS的几种方式，其中外部引用CSS分为两种方式link和@import。
本质上，这两种方式都是为了加载CSS文件，但还是存在着细微的差别。
差别1：老祖宗的差别
link属于XHTML标签，而@import完全是CSS提供的一种方式。
link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。
差别2：加载顺序的差别
当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式（就是闪烁），网速慢的时候还挺明显。
差别3：兼容性的差别
由于@import是CSS2.1提出的所以老的浏览器不支持，@import只有在IE5以上的才能识别，而link标签无此问题。
差别4：使用DOM控制样式时的差别
当使用JavaScript控制DOM去改变样式的时候，只能使用link标签，因为@import不是DOM可以控制的。
差别5：@import可以在CSS中再次引入其他样式表
比如可以创建一个主样式表，在主样式表中再引入其他的样式表，
大致就这几种差别了（如果还有什么差别，大家告诉我，我再补充上去），其它的都一样，从上面的分析来看，还是使用link标签比较好。
什么是css选择器字符串
css的选择器是还是比较富的，主要的css选择器如下：
标签选择器（如：body,div,p,ul,li）
.类选择器（如：class="head",class="head_logo"）
ID选择器（如：id="name",id="name_txt"）
全局选择器（如：*号）
.组合选择器（如：.head.head_logo,注意两选择器用空格键分开）
.继承选择器（如：div p,注意两选择器用空格键分开）
伪类选择器（如：就是链接样式,a元素的伪类，4种不同的状态：link、visited、active、hover。）
字符串匹配的属性选择符(^$*三种，分别对应开始、结尾、包含)
以上选择器在日常开发中最常用的就是标签选择器、类选择器和id选择器，下面是这三种选择器的基本用法1、标签名选择器一个XHTML文档中有许多标签，例如p标签，h1标签等。若要使文档中的所有p标签都使用同一个CSS样式，就应使用标签选择器。
1
2
div{color:red;border:1px blue solid;}
p{color:#000;}
2、类选择器使用标签选择器可以为整个XHTML文档中的同一个标签指定相同的CSS样式。但是在实际运用中，XHTML文档中的同一个标签会被反复使用。若要为相同的标签赋予不同的CSS样式就应使用类选择器。
1
2
<div class="test">测试代码</div>
.test{color:red;border:1px blue solid;}
3、id选择器，id选择器是唯一的，只可以获取独一无二的一个元素。
1
2
<div id="test">测试代码</div>
#test{color:red;border:1px blue solid;}
END，本文到此结束，如果可以帮助到大家，还望关注本站哦！