分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

CSS 选择器

发布时间:2023-09-06 02:07责任编辑:郭大石关键词:CSS选择器

什么是选择器? 就是你选择给谁,加特技。

在head标签中,我们有style标签,我们知道,这个style就是让我们给 body里面的 标签加特技的,而我们现在挑选一些标签进行加特技,这就成为了 css选择器。

我们可以通过很多指名道姓的方法,声明某些标签需要处理。class了,id了,直接说出某个标签名字了等等.

<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>选择器</title> ???<style type="text/css"> ??????.cla1{ ?????/* 用点,找到名叫 cla1的类*/ ??????????font-size:90px; ??????????color: #25f631; ??????} ??????.cla2{ ?????/*用点,找到名叫cla2的类*/ ??????????font-size: 60px; ??????????color: #12d; ??????} ??????#张三{ ?/*用# 找到 id = 张三 的标签,注意!!我们非常不推荐id 重复!*/ ??????????font-size:888px; ??????????color: #ff335f; ??????} ??????#李四{ /*用# 找到 id = 李四 的标签*/ ??????????font-size: 666px; ??????????color: #41daeb; ??????} ??????[href="css基础.html"]{ ???/*想让哪个链接加特技,直接指明*/ ??????????font-size: 2px; ??????????color: antiquewhit; ??????} ???????a{ ????????????????????????/*此处这个a想去控制所有a标签,可是不可能,人家优先级高*/ ???????????font-size: 123px; ???????????color: #b075e3; ???????} ???????p{ ????????????/*直接指出是 所有的 p 标签 */ ???????????color: #e4816b; ???????} ???</style></head><body> ????<a class="cla1"> css!</a> ?????????<br> ????<a class="cla1"> css!</a> ?????????<br> ????<a class="cla2"> css!</a> ?????????<br> ????<p>cssssss!!!</p> ????<a id="张三"> css!</a> ?????????????<br> ????<a id="张三"> css!</a> ?????????????<br> ????<a id="李四"> css!</a> ?????????????<br> ????<a href="css基础.html"> css!</a> ??<br> ????<a href="css选择器.html"> css!</a> <br></body></html>

试一试!??

http://www.w3school.com.cn/tiy/t.asp?f=html_a

CSS 选择器

原文地址:https://www.cnblogs.com/3532gll/p/9463902.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved