CSS元素选择器

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

最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。

如果设置 HTML 的样式,选择器通常将是某个 HTML 元素,比如 p、h1、em、a,甚至可以是 html 本身:

html {color:black;}
h1 {color:blue;}
h2 {color:silver;}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>CSS Test Website</title>
    <style type="text/css">
        html {
            color: black;
        }

        h1 {
            color: blue;
        }

        h2 {
            color: silver;
        }
    </style>
</head>
<body>
    <h1>This heading 1</h1>
    <h2>This heading 2</h2>
    <p>This is a normal paragraph.</p>
</body>
</html>

尝试将html设置为red之后:html仅仅针对文本,无法对title起作用

时间: 2024-10-07 15:09:05

CSS元素选择器的相关文章

css 元素选择器实例

一个完整的HTML页面是有很多不同的标签组成,而标签选择器,则是决定哪些标签采用相应的CSS样式.本文章向码农介绍css 标签/元素选择器以及其实例,需要的码农可以参考一下. [标签选择器] 一个完整的HTML页面是有很多不同的标签组成,而标签选择器,则是决定哪些标签采用相应的CSS样式,(在大环境中你可能出于不同的位置,但是不管怎么样,你总是穿着同一套衣服,这件衣服就是由标签选择器事先给你限定好的,不管走到哪里都是这身衣服)比如,在style.css文件中对p标签样式的声明如下: p{ fon

Selenium IDE CSS元素选择器

点击链接加入群[悦分享测试联盟]:https://jq.qq.com/?_wv=1027&k=5FiMKHH Css选择器 通过节点属性查找 .class                 选择 class="intro"的所有元素. #id                     选择 id="firstname"的所有元素. *                         选择所有元素. 通过节点关系查找 element element        

CSS基础学习四:元素选择器

在上一篇的博客中我们已经熟悉CSS语法,对于CSS代码格式也有了一些认识.下面我就来说一下CSS代码式: 选择器名称 { 属性名:属性值:属性名:属性值:......} 属性与属性之间用分号隔开:属性与属性值直接使用冒号连接:如果一个属性有多个属性值的话,那么多个属性值用空格隔开. 上述提到了我这一篇博客所要说的主题,就是选择器.选择器就是指定CSS语法要作用的标签,那个标签的名称 就是选择器. 基本的选择器可分为三种: a)html标签名选择器:使用的是html的标签名,又叫元素选择器. b)

CSS的伪元素选择器

在CSS技术中,提前给我们假定了一些元素名称的选择器名字.把这些名字称为伪元素选择器. 例子: a:link伪元素 某人标签示未被访问前的样式设定 a:hover 鼠标悬停在标签上时的CSS样式 a:active 鼠标点击下,但没有释放时的CSS样式 a:visited 标签被点击后,被访问过之后的CSS样式 如果使用伪元素设置超链接,这4个伪元素有书写顺序. L    V    H    A

Css3之高级-1 Css复杂选择器(兄弟选择器 、属性选择器、伪类选择器、伪元素选择器)

一.兄弟选择器 相邻兄弟选择器 - 相邻兄弟选择器匹配指定元素的相邻兄弟元素 - 如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器 - 使用加号(+)作为结合符 通用兄弟选择器 - 通用兄弟选择器匹配某元素后面的所有兄弟元素 - 使用符号(~)作为结合符,即 element1~element2 - 两种元素必须拥有相同的父元素,但是element2不必直接紧随element1 二.属性选择器 属性选择器 - 属性选择器能够将元素附带的属性用于选择器中,从而对带

css基础 组合选择器之多元素选择器 多个元素加上同一个样式

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

CSS伪类选择器和伪元素选择器

CSS的伪类选择器常用的是link/visited/hover/active,分别对应未访问.已访问过.鼠标悬停.鼠标按下时的样式,常用于链接,使用时要按此顺序依次写CSS,不能乱 1 a:link{background-color:blue;} //未访问前深蓝色 2 a:visited{background-color:beige;} //访问过淡黄色 3 a:hover{background-color:aqua;} //鼠标悬停时水蓝色 4 a:active{background-col

css伪元素选择器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>伪类</title><style> /*伪元素选择器: 伪元素的效果是需要通过添加一个实际的元素才能达到的.CSS中有如下四种伪元素选择器:· :first-line:为某个元素的第一行文字使用样式:· :first-letter:为某个元素中的文字

CSS中模拟父元素选择器

很多情况下,我们需要找到父元素,但可惜的是css中并没有这样的一个选择器. 至于原因可以看张鑫旭的如何在CSS中实现父选择器效果这篇文章. 简单来说这个实现并不是真正的父元素选择器,只是利用其它思路来实现相同效果罢了. HTML: <div id="box"> <p>pppppppp</p> <span></span> </div> CSS: div,p{ margin:0; padding:0; } #box{