2018-03-25
2018-03-25 本文已影响0人
Yu_Guo
选择器的几种类型
-
标记选择器（元素选择器）：可直接由HTML标记做选择器，只要页面中所有与它同名的标记样式均相同，均属于标记选择器。
在没接触css之前，学习的HTMLbody代码中所有相同的标记中的内容标记都相同。
~例如：<p></p> <img> -
类选择器：
作用：使用灵活，能够完成id选择器所有作用，如果对样式的重用性要求高使用class选择器。
- 类名是它的使用格式
~例如：<body>
<p class="a1">类选择器设置样式</p>
</body> - a1{font-size：small}可以使p标签中的内容字体变小
-
id选择器：
作用：与class选择器功能相似，如果需要唯一标识使用id选择器。
使用格式：#id名称
~例如： #a2{color：red；font-family："微软雅黑"}
<p id="a2">使用id选择器设置样式</p> -
派生选择器:在css1中叫上下选择器，在css2中叫派生选择器。
作用:根据文档上下文关系来确定某个标记的样式，使css代码变得更加整洁。
~例如：<p><strong>我是粗体字</strong></p>
<ol>
<li><strong>我是斜体字</strong></li>
<li>我是正常的字体</li>
</ol>
有两个strong标记，但只有li元素中的是strong为斜体字
li strong{ font-style: italic; font-weight:normal; }
strong{ font-weight: bold; }
第一次写简书实在不易，记录下这次心情 //// 哇咔咔~
还有好多不足，还望多多指教。
