龙空技术网

前端开发笔记(四)

小谢不肉 113

前言:

现时咱们对“css中id是什么属性”都比较关注,你们都想要学习一些“css中id是什么属性”的相关内容。那么小编在网络上收集了一些对于“css中id是什么属性””的相关内容,希望你们能喜欢,姐妹们一起来了解一下吧!

CSS篇 ②01 id、class选择器id选择器选择 id="info" 的元素在css中以 # 定义id属性是该标签的唯一标识,所以在同一文档中,id值是不重复的,如果重复,取第一个元素<!-- index.html -->

<p id="info">hello</p>/* style.css */

#info {

color: blue;

}class选择器选择 class="info" 的所有元素在css中以 . 定义在同一文档中,class值是可以重复的<!-- index.html -->

<p class="info">hello</p>/* style.css */

.info {

color: blue;

}元素选择器选择该元素的所有标签<!-- index.html -->

<p class="info">hello</p>/* style.css */

p {

color: blue;

}通用选择器选择所有标签在css中以 * 定义/* style.css */

* {

color: red;

}属性选择器写法:[attribute][target]:带有 target 属性所有元素<!-- index.html -->

<a href="#">hello</a>

<a href=";>百度</a>/* style.css */

a[href="#"] {

color: red;

}02 选择器优先级当出现多个样式时,优先级从上到下递减:内联样式,写在标签里的样式ID选择器伪类,例如,:hover,鼠标悬停时的样式属性选择器类(class)选择器元素(类型)选择器通用选择器(*)!important优先级最高,会覆盖其他样式p {

color: blue !important;

}当优先级一样时,后设置的样式会覆盖先设置的

标签: #css中id是什么属性