Windows11 Operaブラウザをインストールする方法
環境
エディション Windows 11 Pro
バージョン 21H2
システムの種類 64bit
操作方法
1.公式サイトからOperaをダウンロードします
ダウンロード先: ...
JavaScript 複数のdata属性の値を取得する方法
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
document.querySelector(‘セレクター’ ...
CSS セレクタの区切り文字なし対象を絞り込むサンプル
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
セレクタ1セレクタ2
セレクタの区切り文字はありません。
対象を絞り ...
JavaScript constructor()でクラスのオブジェクトを作成する
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
1.クラスの宣言
class クラス名{
constructor(引 ...
CSS 階層構造の対象を絞り込む方法
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
セレクタ1 セレクタ2
セレクタの区切り文字が空白を指定して階層構造の対象を絞り ...
CSS セレクタをカンマで複数のセレクタを対象にするサンプル
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
セレクタ1,セレクタ2{CSSコード}
セレクタをカンマ区切ります。 ...
CSS 属性セレクタと擬似要素を指定する方法
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
属性セレクタ:疑似要素
例p::before
属性セレクタpの後に、 ...
CSS 擬似クラスと擬似要素を指定する方法
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
疑似クラス:疑似要素
例a:link::before
擬似クラスのa ...
Python shutil.rmtree()でディレクトリを削除する
環境
Python 3.9.13
Windows 10 Home 64bit
PyCharm 2022.2.1 (Community Edition)
構文
1.ディレクトリの存在確認 ...
Python os.remove()を使ってファイルを削除する
環境
Python 3.9.13
Windows 10 Home 64bit
PyCharm 2022.2.1 (Community Edition)
構文
if(os.path.isfil ...
Python os.mkdir()を使ってディレクトリを作成する
環境
Python 3.9.13
Windows 10 Home 64bit
PyCharm 2022.2.1 (Community Edition)
構文
os.mkdir(‘ ...
Python with文とopen()を使ってファイルを作成する
環境
Python 3.9.13
Windows 10 Home 64bit
PyCharm 2022.2.1 (Community Edition)
構文
with open(ファイル名, ...
CSS nth-last-childで後ろから数えてCSSを適用する
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
適用 セレクタ:nth-last-child( 数値 ){
処理コード ...
CSS nth-childでn1番目の行からn2番目の行までにCSSを適用する
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
セレクタ:nth-child(n+n1番目の数値):nth-child(-n+n2番 ...
CSS nth-child(2n)で偶数の行にCSSを適用する
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
セレクタ:nth-child(2n){
}
同じ親要素を持つ子要素の ...
CSS ::first-letterで最初の1文字目にCSSを適用する
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
セレクタ::first-letter{
}
「::first-let ...
CSS nth-child(2n+1)で奇数の行にCSSを適用する
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
セレクタ名:nth-child(2n+1){
}
同じ親要素を持つ子 ...
JavaScript setAttributeでname属性を変更する方法
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
1.対象の要素を取得する
document.getElementById(& ...