CSS的语法规则——基础选择器

元素：

用法：

标签名：{style的内容}

特点：

全局性，使用后，所有的相同标签都是同一种样式。

举例：


html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
 
    <style>
        p {
            color: blue;
        }
    style>
head>
 
<body>
    <p>p1p>
    <p>p2p>
    <p>p3p>
body>
 
html>

class：

用法：

在style内使用 .名称 来定义，不可以使用数字做开头，只能是'_'或者'-'这两个符号,其他的符号不可以,一个class里面可以有多个属性值

特点：

可以让多个标签来使用同一个class，也可以让同一个标签使用不同的类

举例：
html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
 
    <style>
       .one{
        color: rgb(255, 127, 227);
       }
       .two{
        color: blue;
       }
    style>
head>
 
<body>
    <p class="two">p1p>
    <p class="one">p2p>
    <div class="one">divdiv>
body>
 
html>

id选择器：

用法：

#id名 id名不可以数字开头

特点：

具有唯一性

举例：


html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
 
    <style>
       #one{
        color: rgb(226, 43, 43);
       }
       #two{
        color: rgba(0, 255, 234, 0.989);
       }
    style>
head>
 
<body>
    <p id="one">p1p>
    <p id="two">p2p>
    <div id="one">divdiv>
body>
 
html>

通用符选择器：

用法：

定义是是那个用 *{} 来定义通常用来解决行距等问题

特点：

对页面内的所有标签都有效

举例：


html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
 
    <style>
       *{
        color: rgb(226, 43, 43);
       }
    style>
head>
 
<body>
    <p >p1p>
    <p >p2p>
    <div>divdiv>
body>
 
html>

相关阅读:
C++ Reference: Standard C++ Library reference: Containers: list: list: max_size
Javascript享元模式
Redis网络部分相关的结构体2 和绑定回调函数细节
基于SSM的医院住院管理系统的设计与实现
PL/SQL+cpolar公网访问内网Oracle数据库
MATLAB算法实战应用案例精讲-【图像处理】SLAM技术详解（应用篇）
【Try to Hack】john哈希破解工具
R语言绘制时间序列的偏自相关函数图：使用pacf函数可视化时间序列数据的偏自相关系数图
从基础到卷积神经网络（第14天）
YOLO目标检测——口罩规范佩戴数据集+已标注xml和txt格式标签下载分享

原文地址：https://blog.csdn.net/qq_60624992/article/details/137917882