美文网首页
css选择器

css选择器

作者: Amanda妍 | 来源:发表于2020-07-16 08:56 被阅读0次

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style type="text/css">

/*兄弟选择器 相邻的才会改变*/

div+p{

color:orange;

}

/*hover 伪类选择器*/

p:hover{

background-color: red;

color:blueviolet;

}

.c1 p:hover{

background-color: green;

}

</style>

</head>

<body>

<div id="footer">

<p>哈哈啊哈哈哈哈哈哈</p>

<div>div1</div>

<p>段落1</p>

<div class='c1'>div2

<p>段落2</p>

<p>段落3</p>

</div>

<div class='c1'>div3</div>

<p>段落4</p>

<p>段落5</p>

<p>段落6</p>

<p>段落7</p>

<div >div4</div>

<p>段落8</p>

<div>div5</div>

<p>段落9</p>

<div class='c1'>div6</div>

<p>段落10</p>

<p>段落11</p>

</div>

</body>

</html>

相关文章

  • CSS选择器

    CSS 元素选择器CSS 选择器分组CSS 类选择器详解CSS ID 选择器详解CSS 属性选择器详解CSS 后代...

  • CSS选择器

    目录: CSS派生选择器 CSS元素选择器 CSS Id 和 Class选择器 CSS 属性选择器 CSS 派生选...

  • css选择器

    css选择器】 1.css属性选择器 2.css伪类选择器 3.css层次选择器

  • CSS 选择器

    CSS 选择器 CSS 基本选择器及其扩展 CSS 基本选择器 通配符选择器 * 元素选择器 使用标签的名称...

  • Sublime 学习web的css

    html + css + js css引用 css外部样式 css优先级 css的选择器 标签选择器 类选择器 i...

  • CSS选择器

    CSS选择器的作用 CSS 选择器用于定位我们想要给予样式的 HTML 元素。 CSS选择器的类型 CSS选择器大...

  • JQuery CSS选择器

    CSS普通选择器 选择器函数 CSS伪类选择器

  • CSS-选择器1-概述

    CSS选择器-系列文章 CSS选择器-系列文章下一节 CSS选择器2-类选择器CSS3参考手册

  • CSS选择器、优先级以及!important知识总结

    一、CSS选择器 关于CSS选择器,首先请看这里:CSS 选择器参考手册 通过以上,我们可以将CSS选择器分为以下...

  • CSS

    CSS规则 at 规则 CSS选择器 CSS选择器 继承与层叠 继承与层叠 CSS 属性 CSS 属性 CSS值 ...

网友评论

      本文标题:css选择器

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