CSS选择器之基础选择器

阅读：评论：0

CSS选择器之基础选择器

选择器(选择符)就是根据不同需求把不同的标签选出来这就是选择器的作用。简单来说，就是选择标签用的。

标签选择器
又称元素选择器，指用HTML标签作为选择器，为页面中某类标签设置CSS样式。
缺点：不能差异化设置样式，只能选择全部的当前标签。
语法：

  <title>基础选择器之标签选择器</title><style>/* 标签选择器 : 写上标签名 */p {color: green;}div {color: pink;}</style>

（在body中写上相应的p、div标签）

类选择器
差异化选择不同的标签，单独选一个或者某几个标签。
语法：

    <title>类选择器</title><style>/* 实现差异化标签 *//* 类选择器口诀：样式点定义 结构类调用 一个或多个 开发最常用 */.red {color: lawngreen;}.star{color: lightcyan;}</style>
</head>
<body><ul><li class="red">冰雨</li><li class="red">来生缘</li><li class="star">李香兰</li><li>生僻字</li></ul><div class="red">我是小清新</div>
</body>

id选择器
id选择器可以为标有特定id的HTML元素指定特定样式。
HTML元素以id属性来设置id选择器，CSS中id选择器以“#”来定义。
语法：

  <title>id选择器</title><style>/* id选择器的口诀：样式：#定义名，结构id调用，只能调用一次，别人切勿使用 */#pink {color: hotpink;}</style>
</head>
<body><div id="pink">迈克尔.杰克逊</div>
</body>

通配符选择器
通配符选择器使用“*”定义，它表示选取页面中所有元素（标签）。
1）通配符选择器不需要调用，自动给所有元素使用样式；
2）特殊情况才使用。
如：

    <style>/* *的作用于body里所有的标签元素 */* {color: red;}</style>
</head>
<body><div>听阴天说什么</div><p>eason</p>
</body>

本文发布于:2024-02-01 04:09:40，感谢您对本站的认可！

本文链接：https://www.4u4v.net/it/170673178133753.html

上一篇：IDEA部署MyBatis项目

下一篇：基于PHP、MySQL的网上书店系统

标签：选择器基础 CSS

留言与评论（共有 0 条评论）