CSS——选择器

来源：互联网发布：mac底部菜单隐藏了编辑：程序博客网时间：2024/05/15 15:14

【前言】

之前的博客提过JQuery选择器，本篇博客再讲解一下CSS选择器，会介绍一些CSS选择器的种类以及声明、嵌套等内容！详细内容请见下文！

【正文】

一、概念：

在CSS中，选择器是一种模式，用于选择需要添加样式的元素。也就是可以使用CSS选择器实现对HTML页面中的元素实现一对一、一对多或者多对多的控制。

二、种类：

◆ 标记选择器

◆ 类别选择器

◆ ID选择器

三、选择器集体声明

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title>集体声明</title>    <style type="text/css">        h1, h2, h3, h4, p { /*集体声明*/            color: red;            font-size: 20px;        }            h2.special, .special, #one {     /*集体声明*/                text-decoration: underline; /*下划线*/            }    </style></head><body>    <h1>集体声明</h1>    <h2 class="special">集体声明</h2>    <h3>集体声明</h3>    <h4>集体声明</h4>    <p class="special">集体声明</p>    <p id="one">集体声明</p></body></html>

阅读全文

'); })();