4-3. 标签选择器/元素选择器

作者: 一Left一 | 来源:发表于2017-11-16 20:50 被阅读0次

1、元素
HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码,HTML 文档是由 HTML 元素定义的。
注释:开始标签常被称为开放标签(opening tag),结束标签常称为闭合标签(closing tag)。

开始标签 元素内容 结束标签
<p> 我是一个元素内容 </p>
<a href="default.htm" > This is a link </a>
<br />

最常见的 CSS 选择器是元素选择器/标签选择器。换句话说,文档的元素/标签就是最基本的选择器。
如果设置 HTML 的样式,选择器通常将是某个 HTML 元素/标签,比如 p、h1、em、a,甚至可以是 html 本身。
作用: 根据指定的标签/元素名称, 在当前界面中找到所有该名称的标签/元素, 然后设置属性。
在 W3C 标准中,元素选择器又称为类型选择器(type selector)。
注意是 类型选择器,不是 类选择器!
格式:标签名称{属性:值;}

html {color:black;}
h1 {color:blue;}
h2 {color:silver;}

注意点:
1.标签/元素选择器选中的是当前界面中所有的标签/元素, 而不能单独选中某一个标签/元素。
2.标签/元素选择器无论标签/元素藏得多深都能选中
3.只要是HTML中的标签/元素就可以作为标签/元素选择器(h/a/img/ul/ol/dl/input....)

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        p {
            color: red;
        }
    </style>
</head>
<body>
<p>我是一段文字</p>
<ul>
    <li>
        <ul>
            <li>
                <ul>
                    <li>
                        <p>我是一个文字</p>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>
</body>
图片.png

http://www.w3school.com.cn/css/css_selector_type.asp

相关文章

  • 选择器

    选择器 语法选择器: 标签{} 元素选择器作用:通过元素选择器可以选择页面中的所有指定元素语法:标签...

  • CSS选择器

    一、基本选择器 选择器含义*通用元素选择器,匹配任何元素E标签选择器,匹配所有使用E标签的元素.infoclass...

  • CSS选择器总结

    基本选择器 * 通用选择器,匹配任何元素 E 标签选择器,匹配所有使用E标签的元素 .class class选择器...

  • css选择器

    通配符选择器 元素选择器(标签选择器) html标签 class 选择器 id选择器 后代选择器 子选择器(直接后...

  • JQ学习笔记

    jQuery · 选择器 选择器,用来查找html标签(元素) · 基本选择器 · 层级选择器 后代选择器 子元素...

  • 常用css选择器

    CSS常用选择器: 一、简单选择器 *,通用元素选择器,匹配任何元素E,标签选择器,匹配所有使用E标签的元素.cl...

  • CSS选择器

    基本选择器 *{} 通配符选择器,适用任何元素h1 标签选择器,选择h1标签内元素....

  • css选择器

    id选择器,class选择器,层次选择器,后代选择器,标签选择器,元素选择器。

  • No.7 CSS选择器

    一、CSS基础选择器 1.标签选择器 标签选择器(元素选择器)是指用 HTML 标签名称作为选择器,按标签名称分类...

  • C3-目录→选择器

    1 css2.1选择器 ( * ) 通配符选择器//选取全部元素 ( div ) 标签选择器//元素自身作为选择器...

网友评论

    本文标题:4-3. 标签选择器/元素选择器

    本文链接:https://www.haomeiwen.com/subject/odtbmxtx.html