美文网首页
有序列表 兄弟元素选择器

有序列表 兄弟元素选择器

作者: 我的好昵称 | 来源:发表于2018-11-19 21:21 被阅读0次

语法:
查找后边一个兄弟元素
兄弟元素 + 兄弟元素{}
查找后边所有兄弟元素
兄弟元素 ~ 兄弟元素{}
否定伪类
语法:
not(选择器){}
例如:p:not(.hello)表示选择所有p元素但class为hello的除外。

权重(依次排列,优先级从高到低)
!important
内联(1000)
id(100)
类,伪类(10)
元素p(1)
通配(0)
继承样式无优先级
优先级一样用后面的
<em>和<strong>
em标签表示一段内容中的着重点
strong标签表示一个内容的重要性
em显示斜体,strong显示粗体。
<i>会使文本变成斜体
<b>会使文本变成粗体
<small>会显示一个比父元素小的字号
<cite>指明对某内容的引用或参考
<p>
<cite>《水浒》</cite>是本书
</p>
<blockquote>和<q>
blockquote用于长引用
q用于短引用

sup 定义上标
sub 定义下标

有序列表
<ol>
<li>列表1</li> 1.列表1
<li>列表2</li> 2.列表2
</ol>
无序列表
<ul>
<li>列表1</li>
<li>列表2</li>
</ul>
定义列表
<dl>
<dt>定义1</dt>
<dd>定义描述1</dd>
<dt>定义2</dt>
<dd>定义描述2</dd>
</dl>
单位
px
百分比
em
1em = 1font-size
十六进制颜色

相关文章

  • 有序列表 兄弟元素选择器

    语法:查找后边一个兄弟元素兄弟元素 + 兄弟元素{}查找后边所有兄弟元素兄弟元素 ~ 兄弟元素{}否定伪类语法:n...

  • [note] HTML list|table|form

    一. HTML-列表元素 列表元素 有序列表:ol、liol(ordered list)有序列表,直接子元素只能是...

  • 03day

    兄弟元素选择器 语法:查找后边一个兄弟元素兄弟元素 + 兄弟元素{}查找后边所有兄弟元素兄弟元素 ~ 兄弟元素{}...

  • 2018-11-19第三天总结

    兄弟元素选择器语法:查找后边一个兄弟元素兄弟元素 + 兄弟元素{}查找后边所有兄弟元素兄弟元素 ~ 兄弟元素{}否...

  • 2017-12-31

    CSS选择器: 元素选择器、类选择器、id选择器 属性选择器: 3.兄弟选择器: 相邻兄弟选择器前方元素 + 目标...

  • CSS进阶知识点--CSS3基本选择器及属性选择器

    基本选择器 通配符选择器 元素选择器 类选择器 ID选择器 后代选择器 子元素选择器 相邻兄弟选择器 通用兄弟选择...

  • CSS布局基础(五)--CSS3新增选择器

    一、兄弟选择器**兄弟选择器与相邻选择器类似,通过同级的兄弟元素来相互控制。所谓兄弟选择器就是指定一个元素后面的同...

  • web学习:01-CSS3选择器(基本&属性)

    1.基本选择器 1.1子元素选择器(直接后代选择器) 1.2 相邻兄弟元素选择器 1.3 通用兄弟选择器 1.4群...

  • CSS高级复杂选择器

    兄弟选择器 相邻兄弟选择器下一个紧挨着的元素,相邻元素的父元素要相同可以通过连加找到兄弟的兄弟元素链接符是 + 通...

  • 自学H5Day3笔记

    一、列表 二、有序无序嵌套列表 三、块元素,内联元素

网友评论

      本文标题:有序列表 兄弟元素选择器

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