css的基本选择器有哪些

这篇文章主要介绍”css的基本选择器有哪些”,在日常操作中,相信很多人在css的基本选择器有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答“css的基本选择器有哪些”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

css的基本选择器有:1,通配符选择器;2、标签选择器;3、类选择器;4,Id选择器;5,结合元素选择器;6、多类选择器。

本教程操作环境:windows7多系统,CSS3&, HTML5版,戴尔G3电脑。

<李>

基本选择器又分为六种使用方式:如,通配符选择器,标签选择器,类选择器,Id选择器,结合元素选择器,多类选择器。

<李>

基本选择器使用说明表。

选择器语法格式含义举例通配符选择器*{属性:值;}通用选择器可以选择页面上的所有元素,并对它们应用样式,用*来表示。不建议使用,IE6不支持,给大型网站增加负担。*{宽度:300 px;}标签选择器标签名{属性:值;}标签选择器,匹配对应的HTML的标签.h2{颜色:红色;}类选择器. class属性值{属性:值;}类选择器,给拥有指定的类属性值的元素设置样式. .盒子{颜色:红色;}Id选择器# Id属性值{属性:值;}Id选择器,在一个HTML文档中,Id选择器会使用一次,而且仅一次.Id选择器以#来定义。#箱{颜色:红色;}结合元素选择器标签名. class属性值{属性:值}选择器会根据标签名中包含指定的. class属性值的元素每分钟盒子{颜色:红色;}多类选择器. class属性值. class属性值{属性:值;}通过把两个类选择器链接在一起,仅可以选择同时包含这些类名的元素(类名的顺序不限)。注意:在IE7之前的版本中,不同平台的Internet Explorer都不能正确地处理多类选择器. . box.box1{颜色:红色;}

<李>

接下来让我们进入通用选择器实践,笔者以嵌入式的形式,将<代码> HTML> h2> p> <李>

代码块

& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; head> 　　& lt; meta  charset=癠TF-8"祝辞 　　& lt; title>通配符选择器& lt;/title> 　　& lt; style> 　　*,{ 　　颜色:红色; 　　} 　　& lt;/style> 　　& lt;/head> 　　 　　& lt; body> 　　& lt; h2> & lt;/h2> 　　& lt; p> & lt;/p> 　　& lt;/body> 　　& lt;/html> <李>

结果图

<李>

接下来让我们进入标签选择器实践,笔者以嵌入式的形式,将<代码> HTML> 标签和<代码> p> <李>

代码块

& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; head> 　　& lt; meta  charset=癠TF-8"祝辞 　　& lt; title>标签选择器& lt;/title> 　　& lt; style> 　　h2  { 　　颜色:红色; 　　} 　　& lt;/style> 　　& lt;/head> 　　 　　& lt; body> 　　& lt; h2> & lt;/h2> 　　& lt; p> & lt;/p> 　　& lt;/body> 　　& lt;/html> <李>

结果图

<李>

注意:标签选择器是指给指定的标签设置样式。

<李>

代码块

& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; head> 　　& lt; meta  charset=癠TF-8"祝辞 　　& lt; title>标签选择器& lt;/title> 　　& lt; style> 　　h2  { 　　颜色:红色; 　　} 　　& lt;/style> 　　& lt;/head> 　　 　　& lt; body> 　　& lt; h2>成功不是击败别人,而是改变自己。你们;/h2> 　　& lt; h2> & lt;/h2> 　　& lt; p> & lt;/p> 　　& lt;/body> 　　& lt;/html> <李>

结果图

css的基本选择器有哪些