HTML+CSS Easy to Get Started with Selectors
What is the inclusion selector
The inclusion selector, that is, adding spaces, is used to select descendant elements under the specified label element
Syntax:
body div{
Style
}
Example:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>包含选择器</title>
<style type="text/css">
body div li{
color:red;
}
</style>
</head>
<body>
<div>中华民族伟大复兴!
<ul>
<li>中国</li>
<li>中国</li>
</ul>
</div>
<p>你知道我的梦，知道我的痛，知道我们感受都相同</p>
<span>最美的太阳
<p>强军梦</p>
</span>
<h3>中国梦</h3>
</body>
</html>If I want to set the font of "Strong Army Dream" to size 20 , the color is blue, what should be done
Add the following code to the css:
body span p{
font-size:20px;
color:blue;
}
new file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>包含选择器</title>
<style type="text/css">
body div li{
color:red;
}
</style>
</head>
<body>
<div>中华民族伟大复兴!
<ul>
<li>中国</li>
<li>中国</li>
</ul>
</div>
<p>你知道我的梦，知道我的痛，知道我们感受都相同</p>
<span>最美的太阳</span>
<h3>中国梦</h3>
</body>
</html>
Preview
Clear
- Course Recommendations
- Courseware download
The courseware is not available for download at the moment. The staff is currently organizing it. Please pay more attention to this course in the future~
Students who have watched this course are also learning
Let's briefly talk about starting a business in PHP
Quick introduction to web front-end development
Large-scale practical Tianlongbabu development of Mini version MVC framework imitating the encyclopedia website of embarrassing things
Getting Started with PHP Practical Development: PHP Quick Creation [Small Business Forum]
Login verification and classic message board
Computer network knowledge collection
Quick Start Node.JS Full Version
The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]
Write your own PHP MVC framework (40 chapters in depth/big details/must read for newbies to advance)