り゛宿҈命҈ゞ �-CSDN博客

原创 CSS ::selection 选择器

HTML 用法<body><h1>::selection选择器匹配元素中被用户选中或处于高亮状态的部分</h1><p>实例：将选定的文本红色</p><div>这是div元素中的一些文本.</div><a href="http://www.semi-warm.com/" target="_bl...

2019-03-30 13:52:54 297

原创 CSS :not 选择器

HTML 用法<body><h1>:not(selector) 选择器匹配每个元素是不是指定的元素/选择器</h1><p>半暖茶港</p><p>半暖茶港</p><div>实例：为每个并非 p 元素的元素设置背景颜色</div><a href="http://...

2019-03-30 13:44:37 965

原创 CSS :disabled 选择器

HTML 用法<body> <h2>:disabled 选择器匹配每个禁用的的元素（主要用于表单元素）</h2> <p>设置所有type="text"的禁用的输入元素的背景颜色</p><form action="">First name: <input type="text" value="半暖茶港" /&...

2019-03-30 13:31:39 782

原创 CSS :enabled 选择器

HTML 用法<body> <h2>:enabled 选择器匹配每个启用的的元素（主要用于表单元素）</h2> <p>实例：设置所有type="text"的启用的输入元素的背景颜色</p><form action="">First name: <input type="text" value="半暖" /...

2019-03-30 13:27:02 385

原创 CSS :target 选择器

HTML 用法<body><h1>＃锚的名称是在一个文件中链接到某个元素的URL。元素被链接到目标元素</h1><p><a href="#news1">www.warm-semi.com</a></p><p><a href="#news2">www.warm-semi.com&...

2019-03-30 13:20:05 1586

原创 CSS :empty 选择器

HTML 用法<body><h1>:empty选择器选择每个没有任何子级的元素（包括文本节点）</h1><p></p><p>实例：指定空的p元素的背景色</p><p>半暖茶港</p></body>CSS 用法p:empty{ width:200px; ...

2019-03-30 13:14:18 564

原创 CSS :root 选择器

HTML 用法<body><h1>:root选择器用匹配文档的根元素</h1><p>实例：设置HTML文档的背景色</p></body>CSS 用法:root{ background:yellow;}...

2019-03-30 13:10:38 980

原创 CSS :last-child 选择器

HTML 用法<body> <h3>:last-child选择器用来匹配父元素中最后一个子元素</h3><p>指定父元素中最后一个p元素的背景色</p><p>www.warm-semi.com</p><p>半暖茶港</p><p>www.warm-semi.com&l...

2019-03-30 13:07:48 345

原创 CSS :nth-last-child() 选择器

HTML 用法<body><h3>:nth-last-of-type(n)选择器匹配同类型中的倒数第n个同级兄弟元素</h3><p>实例：指定每个p元素匹配同类型中的倒数第2个同级兄弟元素背景色</p><p>半暖茶港</p><p>www.warm-semi.com</p>&lt...

2019-03-30 13:03:23 1056

原创 CSS :nth-child() 选择器

HTML 用法<body><h1>:nth-child(n) 选择器匹配父元素中的第 n 个子元素，元素类型没有限制</h1><p>实例。</p><p>指定每个 p 元素匹配的父元素中第 2 个子元素的背景色。</p><p>半暖茶港</p><p>www.warm-s...

2019-03-30 12:58:19 177

原创 CSS :only-child 选择器

HTML 用法<body> <h1>:only-child选择器匹配属于父元素中唯一子元素的元素</h1> <h3>实例:匹配属于父元素中唯一子元素的p元素</h3><div><p>www.semi-warm.com</p></div><div><span&gt...

2019-03-25 21:20:34 1099

原创 CSS :only-of-type 选择器

HTML 用法<body> <h1>:only-of-type选择器匹配属于同类型中唯一同级元素</h1> <h3>实例:匹配属于同类型中唯一同级元素的p元素的背景颜色<h3><div><p>www.semi-warm.com</p></div><div&gt...

2019-03-25 21:16:07 260 1

原创 CSS :last-of-type 选择器

HTML 用法<body><h1>:last-of-type选择器匹配元素其父级是特定类型的最后一个子元素</h1> <h3>实例:指定其父级的最后一个p元素的背景色</h3><p>www.semi-warm.com</p><p>www.semi-warm.com</p>&lt...

2019-03-25 21:12:09 521

原创 CSS :first-of-type 选择器

HTML 用法<body> <h1>:first-of-type 选择器匹配元素其父级是特定类型的第一个子元素</h1> <h3>实例:选择的 p 元素是其父元素的第一个 p 元素</h3><p>半暖茶港</p><p>半暖茶港</p><p>半暖茶港</p&...

2019-03-25 21:08:15 157

原创 CSS [attribute*=value] 选择器

HTML 用法<body> <h3>[attribute*=value] 选择器匹配元素属性值包含指定值的元素</h3><div class="first_test">半暖茶港</div><div class="second">半暖茶港</div><div class="test">www.s...

2019-03-25 20:54:13 215

原创 CSS [attribute$=value] 选择器

HTML 用法<body> <h3>[attribute$=value] 选择器匹配元素属性值带指定的值结尾的元素</h3><div class="first_test">www.semi-warm.com</div><div class="second">半暖茶港</div><div class=...

2019-03-25 20:49:51 365

原创 CCS [attribute^=value] 选择器

HTML 用法<body> <h3>[attribute^=value] 选择器匹配元素属性值带指定的值开始的元素</h3><div class="first_test">www.semi-warm.com</div><div class="second">半暖茶港</div><div class=...

2019-03-25 20:44:23 424

原创 CSS element1~element2选择器

HTML 用法<body><div>element1~element2 选择器匹配出现在 element1 后面的 element2....... element1 和 element2 这两种元素必须具有相同的父元素但 element2 不必紧跟在 element1 的后面</div> <h3> 实例设置同一父元素下的 p 元素之后的...

2019-03-20 20:44:42 279

原创 CSS :lang()选择器

HTML 用法<body> <h3>:lang 向带有指定 lang 属性开始的元素添加样式</h3><p>www.semi-warm.com</p><p lang="it">半暖茶港</p><p><b>实例</b> 每个 p 元素lang属性值等于"it(Itali...

2019-03-20 20:31:29 545

原创 CSS :after选择器

HTML 选择器<body><h3>实例每个 p 元素之后插入内容</h3><p>www.semi-warm.com</p><p>www.semi-warm.com</p><p><b>:after 选择器向选定的元素之后插入内容。</b> www.semi-warm...

2019-03-20 20:24:40 1010

原创 CSS :before选择器

HTML 选择器<body> <p>:before 选择器向选定的元素前插入内容</p> <p>实例在每个 p 元素之前插入内容</p> <p><b>www.semi-warm.com</b></p></body>CSS ...

2019-03-20 20:17:39 262

原创 CSS :first-child选择器

HTML 用法<body> <p>:first-child 选择器匹配其父元素中的第一个子元素</p><h1>匹配 p 的父元素的第一个 p 元素</h1><p>www.semi-warm.com</p><div><p>www.semi-warm.com</p...

2019-03-20 20:08:01 756

原创 CSS :first-line选择器

HTML 用法<body> <h1>:first-line选择器用来指定选择器第一行的样式。</h1> <p>实例每个 p 元素的第一行选择的样式 www.semi-warm.com......................................................................

2019-03-20 19:58:03 297

原创 CSS :first-letter选择器

HTML 用法<body> <h1>:first-letter选择器用来指定元素第一个字母的样式</h1> <h3>每个 p 元素的第一个字母选择的样式</h3> <p>www.semi-warm.com</p> <p>semi-warm...

2019-03-20 19:46:13 275

原创 CSS :focus选择器

HTML 用法<body><h3>:focus选择器用于选择具有焦点的元素</h3><p>点击文本输入框表单可以看到黄色背景:</p><form>First: <input type="text" name="first" /><br>Last: <input type="text"...

2019-03-20 19:36:38 375

原创 CSS :hover选择器

HTML 用法<body> <h3>选择鼠标移到链接上的样式</h3><a href="http://www.semi-warm.com">semi-warm.com</a><a href="http://www.semi-warm.com">semi-warm</a&gt

2019-03-17 20:25:32 191

原创 CSS :active选择器

HTML用法<body> <h3>选择激活的链接样式</h3><a href="http://www.semi-warm.com">semi-warm.com</a><a href="http://www.semi-warm.com">semi-warm</a>&

2019-03-17 20:21:17 366

原创 CSS :visited选择器

HTML 用法<body><h3>选择访问过得链接样式</h3><a href="http://www.semi-warm.com">semi-warm.com</a><a href="http://www.semi-warm.com">semi-warm</a>

2019-03-17 20:17:44 628

原创 CSS :link选择器

HTML 用法<body><h3>选择未访问链接样式</h3><a href="http://www.semi-warm.com">semi-warm.com</a><a href="http://www.semi-warm.com">semi-warm</a>&

2019-03-17 20:13:34 281

原创 CSS [attribute|=value]选择器

HTML 用法<body><h3>选择 lang 属性值以 "en" 开头的元素并设置其样式</h3><p lang="en">Hello</p><p lang="en-us">Hi</p><p lang="en-gb&

2019-03-17 20:07:13 281

原创 CSS[attribute~=value]选择器

HTML 用法<body><h3>选择标题属性包含单词"flower"的所有元素</h3><p>图片的 title 属性中如果带有 "flower" 单词，则会设置为黄色边框。</p><img src="chhkk.jpg" title="chhkk flower"

2019-03-17 20:00:46 328

原创 CSS [attribute=value]选择器

HTML 用法&lt;body&gt;&lt;p&gt;semi-warm="_blank" gets a yellow background: 此处无用不被选取&lt;/p&gt;&lt;a href="http://www.baidu.com"&gt;baidu.com&lt;/a

2019-03-17 19:49:53 157

原创 CSS [attribute]选择器

HTML 用法<body><p>选择所有带target属性的a元素</p><a href="http://www.taobao.com">taobao.com</a><a href="http://www.semi-warm.com" target="_blank">se

2019-03-17 19:40:50 255

原创 CSS element+element

HTML 用法<body><h1>用于选择指定的第一个元素之后紧跟的元素。</h1><div><h2>选择所有紧接着<div>元素之后的<p>元素</h2><p>此处不被选取</p></div&gt

2019-03-17 19:26:53 224

原创 CSS element>element选择器

HTML用法<body><h1>element>element 选择器用于选择特定父元素</h1><div><h2>注意: 元素没有被选中是不能直接指定父级的子元素</h2><p>此处被选中</p></div><di

2019-03-15 21:10:30 379

原创 CSS element element选择器

HTML用法<body><div><p>1.用于选择元素内部的元素。</p><p>2.选择div元素内的所有p元素</p></div><p>3.不在div中</p><p>1 2 在div中因此被选择 3不在div

2019-03-15 20:34:25 516

原创 CSS element,element选择器

HTML用法<body><h1>几个元素具有相同的样式</h1><h2>用逗号分隔每个元素的名称</h2><div><p>选择所有p元素</p><p>以及h元素</p></div>&a

2019-03-15 20:21:56 385

原创 CSS element选择器

HTML用法 <h1>element选择器选择指定元素名称的所有元素</h1><div> <p id="firs">选择所有p元素</p> </div> <p>My best friend is Mickey.</p>

2019-03-15 20:06:27 234

原创 CSS*选择器

html用法 &lt;h1&gt;选择所有元素，设置其背景颜色&lt;/h1&gt; &lt;div class="color"&gt; &lt;p id="first"&gt;选择所有元素&lt;/p&gt; &lt;/div&

2019-03-15 19:44:44 128

原创 CSS#id选择器

html用法 <div class="to"> <p id="dog">指定具有id元素的样式</p>css用法 #dog{ background-color: aqua; }

2019-03-15 11:14:56 1576

空空如也

空空如也