css通用选择器,css三种基本选择器的用法
大家好,今天小编来为大家解答以下的问题,关于css通用选择器,css三种基本选择器的用法这个很多人还不知道,现在让我们一起来看看吧!
css选择器有哪些
1、类别选择器
2、标签选择器
3、ID选择器
4、后代选择器
5、子选择器
6、伪类选择器
7、通用选择器
8、群组选择器
9、相邻同胞选择器
10、属性选择器
扩展资料:
一个完整的HTML页面是有很多不同的标签组成,而标签选择器,则是决定哪些标签采用相应的CSS样式,(在大环境中你可能处于不同的位置,
但是不管怎么样,你总是穿着同一套衣服,这件衣服就是由标签选择器事先给你限定好的,不管走到哪里都是这身衣服)比如,在style.css文件中对p标签样式的声明
参考资料百度百科-css选择器
CSS的几种选择器麻烦告诉我
:
标记选择器:定义html或者xhtml标签的通用CSS样式,定义语句前无前缀。例如:<style>h1{ color:red}</style><h1>This is test.</h1>
类别选择器:通过定义单独的class来定义对应样式,定义语句前缀为'.'。例如:<style>
.red{ color:red}</style><p class="red">xxxxxx</p>
ID选择器:通过对应html元素的标签ID来定义对应样式,定义语句前缀为'#'。例如:<style>#firstPar{ color:red}</style><p id="firstPar">xxxxxx</p>复合选择器:另外,可以通过这几种选择器组合定义复合选择器,例如:<style>p{ color:red
} p.firstPar{ color:blue
}.firstPar{ color:green}</style><p>普通段落</p>
<p class="firstPar">第一段</p>
<h1 class="firstPar">第一段标题</h1>全局选择器:如果想要一个页面中所有html标记使用同一种样式,可以定义一种全局选择器:'*'。例如:<style>*{ color:red; font-size:10px}</style><p>普通段落</p>
<p>第一段</p>
<h1>第一段标题</h1>后代选择器:可以通过嵌套的方式,对特殊位置的html标记进行声明。后代选择器的写法就是把外层的标记写在前面,内层的标记写在后面,之间用空格分隔。当标记发生嵌套时,内层的标记就成为外层标记的后代。
css样式有哪几种选择器
CSS的选择器其实大类的话可以分为三类,即id选择器、class选择器、标签选择器。
用法如下:
#id名{属性名:属性值;}
.class名{属性名:属性值;}
标签名{属性名:属性值;}
其中,他们之间又可以以不同的方式进行组合,如下:
后代选择器:父代名后代名{属性名:属性值;}
子代选择器:父代名>子代名{属性名:属性值;}
群组选择器:#name1,.name2,#name div{属性名:属性值;}
伪类选择器: name:伪类
通用(通配符)选择器:*{属性名:属性值;}……
常用的也就这些。
纯手打,望采纳。我的百度个人简介里面还有博客网址,想看一些我资料欢迎进入我的博客。
关于css通用选择器的内容到此结束,希望对大家有所帮助。