CSS选择器

最新推荐文章于 2022-11-05 22:01:04 发布
最新推荐文章于 2022-11-05 22:01:04 发布
阅读量183 收藏 1
点赞数
分类专栏： HTMLCSS 文章标签： html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44101482/article/details/107078865
版权

1.ID选择器（#）：ID表示身份，在同一个页面中元素ID不允许重复，因为ID选择器只能选择一个元素

2.标签选择器（div）：根据标签名称选择所有相应标签

3.类别选择器(.nav)：选择拥有该类别的多个元素

4.通用选择器(*)：针对页面上所有标签都生效

优先级：

行内样式>ID选择器>类别选择器>标签选择器>通用选择器

选择器权重值:

通用选择器：1

标签选择器：10

类别选择器：100

ID选择器：1000

Hao-1997
关注
专栏目录
nav,section,div标签
qq_44709805的博客
11-08 1324
用来将具有导航性质的链接划分在一起，使代码结构在语义化方面更加准确，同时对于屏幕阅读器等设备的支持也更好。 一直以来，我们习惯于使用形如或这样的代码来写页面的导航；在HTML5中， 我们可以直接将导航链接列表放到<nav>标签中： <nav><a>首页</a><a>文章</a><a>关于</a></nav> 跟以前用div写是一样的用法： <div class="nav">&lt..
nav，article ，aside，section，div区别
qq_43566496的博客
02-18 2682
article: 定义：它的内容独立于文档的其余部分。一般来说，article会有标题部分( 包含在header内 )，有时也会包含footer。 section 不是一个专用来做容器的标签，专用的是 div ,section 里应该有 标题（h1~6）.只有元素内容会被列在文档大纲中时，才适合用section元素。 aside为语义化标签，通常用来描述与文档主体内容不相关的内容。比如，博客文章用...
H5中<header><footer><nav>与<div>的区别
YinghaoGuo的博客
04-28 1万+
区别就是没区别，在H5出现以后，主张语义化标签，、等html5的这几个标签都是收集了网上数百万网站上出现概率比较多的部分确定的，比如网站80%都会用页脚来声明版权等等。 相比于普通的标签，H5的一些新标签只是增强可读性，同时运行时，搜索引擎会在查找元素上更省时，看下面一段代码： .... .... ....
div 布局_HTML基础教程：div元素实现布局
weixin_39602976的博客
11-29 134
使用 元素的 HTML 布局注释： 元素常用作布局工具，因为能够轻松地通过 CSS 对其进行定位。这个例子使用了四个 元素来创建多列布局：#header { background-color:#1aaa11; color:white; text-align:center; padding:5px;}#nav { line-height:30px; background-color:#eeeee...
web实训知识点——0409
oqqYaZi1234的博客
04-13 152
总结Jquery选择器： 1.元素选择器：基于元素名=名称选取元素 eg:$(“p”)------所有标签为p的元素 我想获取标签为p的元素的第一个，或者第三个 2.id选择器：通过HTML元素的id属性选取指定的元素 eg: $(#“nav”) 3.类选择器：通过指定的class查找元素 eg： $(.“name”) 4.继承选择器 5.CSS选择器：用于改变HTML元素的CSS属性 eg: ...
CSS选择器.pdf
10-09
在CSS选择器的体系中，存在多种不同类型的选择器，每种都有其特定的用途和使用场景。 首先，元素选择符是最基本的类型，包括通配符选择器、标签选择器、id选择器和class选择器。通配符选择器用“*”表示，可以选中...
CSS教程之css选择器 、属性、值
10-30
本教程将深入探讨CSS选择器、属性以及值，帮助你更好地理解和应用CSS来美化你的网页。 首先，我们要了解CSS选择器。选择器是CSS的核心组成部分，它的主要作用是定位HTML文档中的特定元素，以便对这些元素应用样式。...
CSS 选择器支持列表
09-25
CSS 选择器支持列表 CSS 选择器是 CSS 中的一个重要组成部分，它允许开发者根据特定的规则来选择和应用样式到 HTML 元素上。下面是 CSS 选择器支持列表的详细解释： ### 一、基本选择器 * `E`：选择所有 HTML ...
＜nav＞导航标签 和div标签一样，块属性标签＜/nav＞    ＜main＞内容区域，和section没有区别＜/main＞    ＜section＞内容区域，和main没有区别＜/sect
qq_25592087的博客
10-06 251
<nav>导航标签 和div标签一样，块属性标签</nav> <main>内容区域，和section没有区别</main> <section>内容区域，和main没有区别</section> <footer>底部标签</footer> <main>
CSS6大种选择器(超详细!!!!!!)
最新发布
weixin_52682014的博客
11-05 3万+
注意：1.所有的标签上都有class属性，class属性的属性值成为类名（类似于起了一个名）/* 选择属性名为title和属性值以ab结尾的元素，设置字体为30px *//* 选择属性名为title和属性值以ab开头的元素，设置背景色黄色 *//*选择属性名为title和属性值为ab的元素 ,设置字体颜色绿色 *//* 选择属性名为title和属性值含有c的元素，设置背景色为绿色 */语法：[属性值*=属性名]{} */作用：通过id属性值，找到页面中带有这个id属性值的标签，设置样式。
CSS中常用的选择器及三大特性
木木木不哭的博客
07-08 586
一、标签选择器 标签名{ 属性名：属性值 } div{ widh:100px } 二、通用选择器 *{ 属性名：属性值 } 例如： *{ width：100px } 三、
【css_2】复合选择器/显示模式/行高/背景/三大特性
u011781257的博客
01-13 435
一、复合选择器 由两个或多个基础选择器，通过不同的方式组合而成，目的是为了可以选择更准确更精细的目标元素标签，又称为包含选择器。 (重点1、4、5) 1、后代选择器 1.1 选择nav类下的所有a标签： .nav a {} .nav ul li a {} 1.2 后代选择器，选择子孙重孙...所有后代 2. 子代选择器（子元素选择器）：只选择到div下的第一代stron...
使用html和css制作水平导航栏nav
aSuncat
07-09 3万+
使用html和css制作水平导航栏nav的方法及其效果： 1、li设置float:left; （1）代码片段：... <style> *{ margin:0; padding:0; } ul{ list-style-type:none; marg
css样式之导航条(nav)
wangchaohpu的博客
09-03 1万+
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style type="text/css"&gt;
HTML5 CSS （简易nav设计）
lumot的博客
09-10 936
HTML部分： <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8" /> <link rel="styleshe...
section和div的区别
热门推荐
sunshine940326的博客
09-21 6万+
在做移动web的时候，参考的案例用的是section而不是div，就好奇，section是什么鬼？section是属于听说过但是一直都没有用过的一个元素，所以百度查了一下section和div的区别，收获如下： 作者：贺师俊 链接：http://www.zhihu.com/question/20227599/answer/14582155 来源：知乎 著作权归作者所有，转载请联
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值